JSON数据未显示在Google地图中的标记上

时间:2016-10-23 22:59:48

标签: javascript jquery json google-maps google-maps-api-3

我想加载我的JSON数据以显示在Google地图标记上。我使用Jquery getJSON方法从服务器调用JSON数据。但地图出现但不是标记。这是代码



 var map;
    
    function initialize() {
   
        var mapProp = {
                center: new google.maps.LatLng(28.003389000000, -82.429500000000),
                zoom: 5,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

        map = new google.maps.Map(document.getElementById("map"), mapProp);
        $.getJSON('http://tripleclickstudio.com/json/file.json?callback=?', function (json1) {
   
            $.each(json1.ResponseData, function (key, data) {

                var latLng = new google.maps.LatLng(data.CoordinateY, data.CoordinateX),
                    marker = new google.maps.Marker({
                        position: latLng,
                        map: map,
                        title: data.BuildingName
                    }),
                    details = data.BuildingName + ", " + data.Location + ".";
                
            });

        });
    }
    var infowindow = new google.maps.InfoWindow();
    function bindInfoWindow(marker, map, infowindow, strDescription) {
       
        google.maps.event.addListener(marker, 'click', function () {
            infowindow.setContent(strDescription);
            infowindow.open(map, marker);
        });
        bindInfoWindow(marker, map, infowindow, details);
    }

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

<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <div id="map" style="border: 2px solid #3872ac;"></div>
&#13;
&#13;
&#13;

这是我的JSON文件JSON文件的链接。所以,在这里,我希望JSON数据坐标在谷歌地图中显示为标记。所以,如果有人告诉我我犯了什么错误以及需要做些什么来解决这个问题。感谢

1 个答案:

答案 0 :(得分:0)

只需从json网址中删除?callback=?即可。

该语法适用于JSON P ,您的文件内容为JSON。