Question

到目前为止，我所做的是使用提供的指令By google documentation从JSON文件中解析数据。我的问题是我需要为代码更改哪些内容，以便我可以解析xml文件中的数据？

此外，我想将内容添加到信息窗口。我是在正确的轨道上吗？

我目前的代码。

<!DOCTYPE html>
    <html>
      <head>
        <style>
          html, body, #map_canvas { margin: 0; padding: 0; height: 100%; }
        </style>
        <script
          src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=visualization">
        </script>


        <script>
         var map;
        function initialize() {
        var mapOptions = {
        zoom: 5,
        center: new google.maps.LatLng(-27.48939, 153.012772),
        mapTypeId: google.maps.MapTypeId.ROADMAP 
      };
      map = new google.maps.Map(document.getElementById('map_canvas'),
          mapOptions);

      var script = document.createElement('script');
      script.src = 'http://earthquake.usgs.gov/earthquakes/feed/geojsonp/2.5/week';
      document.getElementsByTagName('head')[0].appendChild(script);
    }

    window.eqfeed_callback = function(results) {
      for (var i = 0; i < results.features.length; i++) {

        var earthquake = results.features[i]; 
        var coords = earthquake.geometry.coordinates; 

        var latLng = new google.maps.LatLng(coords[1],coords[0]); 

        var marker = new google.maps.Marker({
          position: latLng,
          map: map,

        });

        var infowindow = new google.maps.InfoWindow({
        content: "<div>Hello! World</div>",
        maxWidth:100
        });

        google.maps.event.addListener(marker, "mouseover", function() {
            infowindow.open(this, marker);
        });

      }
    }


      </script>
      </head>

      <body onload="initialize()">
        <div id="map_canvas"></div>
      </body>

      </html>

Answer 1

My question is what do i need to change for my codes so that i can parse data out of a xml file instead ?

您无需将JSON更改为XML。您可以对从XML加载的数据执行任何操作，您可以对从JSON加载的数据执行此操作。

如何将xml坐标解析为谷歌地图

1 个答案: