Question

有谁能解释我在这里做错了什么？我正在使用jQuery $ .getJSON和谷歌地图，我都是新手。最初我使用的是标准的JavaScript，但决定使用jQuery，因为XMLHttpRequest不能在Chrome或jsfiddle中工作，据我所知，我不必担心使用。$ getJSON这些问题，但我现在必须重建我的代码在jQuery中正常工作。

        <!DOCTYPE html>
    <html> 
    <head> 
      <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
      <title>Google Maps Multiple Markers - jQuery JSON</title> 
      <script src="http://maps.google.com/maps/api/js?sensor=false" 
              type="text/javascript"></script>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
      <script type="text/javascript" src="js/jquery.ui.map.js"></script>
    </head> 
    <body>
      <div id="map_canvas" style="width: 800px; height: 600px;"></div>

      <script type="text/javascript">
          $(function(){
    $('#map_canvas').gmap().bind('init', function(){
        $.getJSON('http://www.artectodesignstudios.com/RSSData.txt', function(data){
            $.each(data.title, function(i, marker){
                $('#map_canvas').gmap('addMarker',{
                    'position': new google.maps.LatLng(marker[i]["geo:lat"], marker[i]["geo:long"]),
                    'bounds':true
            }).click(function(){
                $('#map_canvas').gmap('openInfoWindow', {'content': marker.content}, this);
            });

           });
        });
    });
});
    <script>
        </body>
        </html>

Answer 1

您需要处理您的网址字符串，因为它不起作用。我建议你从简单的（http://jquery-ui-map.googlecode.com/svn/trunk/demos/json/demo.json）开始，并使用JSON格式来编辑测试数据，并使用来自所需http://www.artectodesignstudios.com/RSSData.txt请求的相同响应。希望能帮助到你。：）

使用$ .getJSON和Google Maps API V3时出现问题

1 个答案: