Google maps 图标：新的google.maps.MarkerImage（url） }); google.maps.event.addListener（标记，'click'，函数（事件）{ 设置位置（坐标）； infoWindow.setContent（content）；_Google Maps_Google Fusion Tables

Google maps 图标：新的google.maps.MarkerImage（url） }); google.maps.event.addListener（标记，'click'，函数（事件）{ 设置位置（坐标）； infoWindow.setContent（content）；

google-maps

Google maps 图标：新的google.maps.MarkerImage（url） }); google.maps.event.addListener（标记，'click'，函数（事件）{ 设置位置（坐标）； infoWindow.setContent（content）；,google-maps,google-fusion-tables,Google Maps,Google Fusion Tables,图标：新的google.maps.MarkerImage（url） }); google.maps.event.addListener（标记，'click'，函数（事件）{ 设置位置（坐标）； infoWindow.setContent（content）；打开（地图）； }); 扩展（坐标）； }; 函数fetchData（）{ //构造一个查询以从融合表中获取数据 //编辑此列表以包含上述列的变量变量查询='SELECT' +纬度柱+'，' +纵向柱+'，' +iconUrlColumn+

图标：新的google.maps.MarkerImage（url） }); google.maps.event.addListener（标记，'click'，函数（事件）{ 设置位置（坐标）； infoWindow.setContent（content）；打开（地图）； }); 扩展（坐标）； }; 函数fetchData（）{ //构造一个查询以从融合表中获取数据 //编辑此列表以包含上述列的变量变量查询='SELECT' +纬度柱+'，' +纵向柱+'，' +iconUrlColumn+'，' +venueColumn+'，' +addressColumn+'，' +邻域列+'，' +regionColumn+“来自” +表格； var encodedQuery=encodeURIComponent（查询）； //构造URL var url=['https://www.googleapis.com/fusiontables/v1/query']; push（'？sql='+encodedQuery）； url.push（'&key='+apiKey）； url.push（'&callback=？'）； //使用jQuery发送JSONP请求 $.ajax({ url:url.join（“”），数据类型：“jsonp”，成功：onDataFetched }); } 函数onDataFetched（数据）{ 变量行=数据['rows']；伊科努尔变种； var含量； var坐标； //将响应中的每一行数据复制到变量中。 //每列都按查询中列出的顺序显示。 //从0开始。 //如果更改了上面的列，请编辑此项。用于（行中的变量i）{ 坐标=新的google.maps.LatLng（行[i][1]，行[i][0]）； iconUrl=行[i][2]； content=“”+行[i][3]+”“+行[i][4]+”
“+行[i][5]+”，“+行[i][6]+”
”；如果（iconUrl）{//确保不为空 createMarker（坐标、图标、内容）； }否则{ createMarker（坐标、默认图标、URL、内容）； } } 映射边界（bounds）； } 函数初始化（）{ fetchData（）；//开始从表中检索数据，并将其放在地图上 map=new google.maps.map（document.getElementById（'map-canvas'）{ 中心：新google.maps.LatLng（40.7，-73.8），缩放：13， mapTypeId:google.maps.mapTypeId.ROADMAP }); } google.maps.event.addDomListener（窗口“加载”，初始化）；

请在您的问题中发布相关代码，而不仅仅是一个链接，这样即使您的链接不起作用，我们也可以提供帮助（就像您的链接一样）。对于FusionTables问题，表的链接也很有用。谢谢，刚刚检查了这个，我的“重用访问”设置为“允许下载”。非常感谢。事实上，正是纬度和经度的倒转才是问题所在。现在工作得很好。

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">

    <title>Fusion Table version of QB on draft info</title>
    <style>
    body {
        font-family: Arial, sans-serif;
        font-size: 12px;
    }

    #map-canvas {
        height: 500px;
        width: 600px;
    }
    </style>

    <script type="text/javascript"
    src="https://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript"
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    </script>

    <script type="text/javascript">

    var map;
    var infoWindow = new google.maps.InfoWindow();
    var DEFAULT_ICON_URL = 'http://clorentzen.com/queensbrewery/qb_maps.png';

    // EDIT: change this key to your own from the Google APIs Console
    // https://code.google.com/apis/console/
    var apiKey = 'AIzaSyAlluI5j2piL1x7OK8dOiZRreO3L6VCZSQ';

    // EDIT: Specify the table with location data and icon URLs
    var tableID = '1coED7p2uvV31pMNMPhHsrPRxZCfZv4b9LvkvrCc';

    // Create variables for the columns you need to retrieve from the table
    // EDIT this list as needed, then find and edit two places below.
    var latitudeColumn = 'LATITUDE';
    var longitudeColumn = 'LONGITUDE';
    var iconUrlColumn = 'ICON';
    var venueColumn = 'BAR';
    var addressColumn = 'ADDRESS';
    var neighborhoodColumn = 'NEIGHBORHOOD';
    var regionColumn = 'REGION';


    function createMarker (coordinate, url, content) {
        var marker = new google.maps.Marker({
            map: map,
            position: coordinate,
            icon: new google.maps.MarkerImage(url)
        });
        google.maps.event.addListener(marker, 'click', function(event) {
            infoWindow.setPosition(coordinate);
            infoWindow.setContent(content);
            infoWindow.open(map);
        });
    };

    function fetchData() {

        // Construct a query to get data from the Fusion Table
        // EDIT this list to include the variables for columns named above
        var query = 'SELECT '
        + latitudeColumn + ','
        + longitudeColumn + ','
        + iconUrlColumn + ','
        + venueColumn + ','
        + addressColumn + ','
        + neighborhoodColumn + ','
        + regionColumn + ' FROM '
        + tableID;
        var encodedQuery = encodeURIComponent(query);

        // Construct the URL
        var url = ['https://www.googleapis.com/fusiontables/v1/query'];
        url.push('?sql=' + encodedQuery);
        url.push('&key=' + apiKey);
        url.push('&callback=?');

        // Send the JSONP request using jQuery
        $.ajax({
            url: url.join(''),
            dataType: 'jsonp',
            success: onDataFetched
        });
    }

    function onDataFetched(data) {
        var rows = data['rows'];
        var iconUrl;
        var content;
        var coordinate;


        // Copy each row of data from the response into variables.
        // Each column is present in the order listed in the query.
        // Starting from 0.
        // EDIT this if you've changed the columns, above.
        for (var i in rows) {
            coordinate = new google.maps.LatLng(rows[i][0],rows[i][1]);
            iconUrl = rows[i][2];
            content = "<strong>" + rows[i][3] + "</strong><br>" + rows[i][4] + "<br>" + rows[i][5] + ", " + rows[i][6] + "<br>";

            if (iconUrl) {   // ensure not empty
                createMarker(coordinate, iconUrl, content);
            } else {
                createMarker(coordinate, DEFAULT_ICON_URL, content);
            }
        }
    }

    function initialize() {

        fetchData();  // begin retrieving data from table, and put it on the map

        map = new google.maps.Map(document.getElementById('map-canvas'), {
            center: new google.maps.LatLng(40.7,-73.8),
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });
    }

    google.maps.event.addDomListener(window, 'load', initialize);

    </script>
</head>
<body>
    <div id="map-canvas"></div>
</body>
</html>

code: 403
...
message: "Access Not Configured"

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">

    <title>Fusion Table version of QB on draft info</title>
    <style>
    body {
        font-family: Arial, sans-serif;
        font-size: 12px;
    }

    #map-canvas {
        height: 500px;
        width: 600px;
    }
    </style>

    <script type="text/javascript"
    src="https://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript"
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    </script>

    <script type="text/javascript">

    var map;
    var bounds = new google.maps.LatLngBounds();
    var infoWindow = new google.maps.InfoWindow();
    var DEFAULT_ICON_URL = 'http://clorentzen.com/queensbrewery/qb_maps.png';

    // EDIT: change this key to your own from the Google APIs Console
    // https://code.google.com/apis/console/
    var apiKey = 'AIzaSyCxitB5jQcw7weQdg9MqBRfxr6mj81wT7I';

    // EDIT: Specify the table with location data and icon URLs
    var tableID = '1coED7p2uvV31pMNMPhHsrPRxZCfZv4b9LvkvrCc';

    // Create variables for the columns you need to retrieve from the table
    // EDIT this list as needed, then find and edit two places below.
    var latitudeColumn = 'LATITUDE';
    var longitudeColumn = 'LONGITUDE';
    var iconUrlColumn = 'ICON';
    var venueColumn = 'BAR';
    var addressColumn = 'ADDRESS';
    var neighborhoodColumn = 'NEIGHBORHOOD';
    var regionColumn = 'REGION';


    function createMarker (coordinate, url, content) {
        var marker = new google.maps.Marker({
            map: map,
            position: coordinate,
            icon: new google.maps.MarkerImage(url)
        });
        google.maps.event.addListener(marker, 'click', function(event) {
            infoWindow.setPosition(coordinate);
            infoWindow.setContent(content);
            infoWindow.open(map);
        });
    bounds.extend(coordinate);
    };

    function fetchData() {

        // Construct a query to get data from the Fusion Table
        // EDIT this list to include the variables for columns named above
        var query = 'SELECT '
        + latitudeColumn + ','
        + longitudeColumn + ','
        + iconUrlColumn + ','
        + venueColumn + ','
        + addressColumn + ','
        + neighborhoodColumn + ','
        + regionColumn + ' FROM '
        + tableID;
        var encodedQuery = encodeURIComponent(query);

        // Construct the URL
        var url = ['https://www.googleapis.com/fusiontables/v1/query'];
        url.push('?sql=' + encodedQuery);
        url.push('&key=' + apiKey);
        url.push('&callback=?');

        // Send the JSONP request using jQuery
        $.ajax({
            url: url.join(''),
            dataType: 'jsonp',
            success: onDataFetched
        });
    }

    function onDataFetched(data) {
        var rows = data['rows'];
        var iconUrl;
        var content;
        var coordinate;


        // Copy each row of data from the response into variables.
        // Each column is present in the order listed in the query.
        // Starting from 0.
        // EDIT this if you've changed the columns, above.
        for (var i in rows) {
            coordinate = new google.maps.LatLng(rows[i][1],rows[i][0]);
            iconUrl = rows[i][2];
            content = "<strong>" + rows[i][3] + "</strong><br>" + rows[i][4] + "<br>" + rows[i][5] + ", " + rows[i][6] + "<br>";

            if (iconUrl) {   // ensure not empty
                createMarker(coordinate, iconUrl, content);
            } else {
                createMarker(coordinate, DEFAULT_ICON_URL, content);
            }
        }
        map.fitBounds(bounds);
    }

    function initialize() {

        fetchData();  // begin retrieving data from table, and put it on the map

        map = new google.maps.Map(document.getElementById('map-canvas'), {
            center: new google.maps.LatLng(40.7,-73.8),
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });
    }

    google.maps.event.addDomListener(window, 'load', initialize);

    </script>
</head>
<body>
    <div id="map-canvas"></div>
</body>
</html>