通过json在谷歌地图上添加标记

时间:2014-04-10 22:39:43

标签: javascript jquery google-maps

这是我的脚本取自tutorial(谷歌)。我无法在地图上显示标记。我尝试提醒Json收到的任何数据,但它没有弹出。我的firebug检查员没有收到错误,所以我可以得到一个线索。

<script type="text/javascript">
    $( document ).ready(function() {

$('#map_canvas').gmap().bind('init', function() { 
    $.getJSON( 'http://jquery-ui-map.googlecode.com/svn/trunk/demos/json/demo.json', function(data) { 
        $.each( data.markers, function(i, marker) {
            alert(marker.latitude);

            $('#map_canvas').gmap('addMarker', { 
                'position': new google.maps.LatLng(marker.latitude, marker.longitude), 
                'bounds': true 
            }).click(function() {
                $('#map_canvas').gmap('openInfoWindow', { 'content': marker.content }, this);
            });

        });
    });
});

});
    </script>

1 个答案:

答案 0 :(得分:1)

您无法通过ajax访问来自其他域的文件(除非他们发送适当的标题,此文件的情况不是这样)。下载demo.json并将其放在您自己的服务器/域上。