0

我有一个这样的 XML 文件：

<datas>
<title>AAA</title>
<lat>111</lat>
<lng>5454</lng>
</datas>
<datas>
<title>BBB</title>
<lat>112121</lat>
<lng>544254</lng>
</datas>

……

示例：这是一个“真实”示例：

<productFeed>
<Deal>
<Deal_ID>201090531</Deal_ID>
<Price>9.50</Price>
<Destination_Name>Green River</Destination_Name>
<Latitude>38.989869999999996</Latitude>
<Longitude>-110.13261</Longitude>
<Country_Name>United States of America</Country_Name>
</Deal>
</productFeed>

初始化函数：

function initialize() {
  var myOptions = {
    zoom: 7,
    center: new google.maps.LatLng(35.82672127366604,-118.916015625),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  downloadUrl("test.xml", function(doc) {
      var xmlDoc = xmlParse(doc);
      var markers = xmlDoc.documentElement.getElementsByTagName("Deal");
      for (var i = 0; i < markers.length; i++) {
        var lat = parseFloat(markers[i].getAttribute("Latitude"));
        var lng = parseFloat(markers[i].getAttribute("Longitude"));
        var latlng = new google.maps.LatLng(lat,lng);
        var html = markers[i].getAttribute("Deal_ID");
        var label = markers[i].getAttribute("Price");
        var marker = createMarker(latlng,label,html);
        }
      });
    }

Google Map API 是否能够读取它并将其显示在地图上？如果是这样，如何？

我尝试调整此https://developers.google.com/maps/documentation/javascript/layers?hl=en但不起作用。

谢谢你的帮助。多米尼克

4

1 回答 1

1

Google Maps Javascript API v3 不包含任何 XML 解析。但是您可以使用 javascript 解析 XML 并将结果显示在 Google Maps Javascript API v3 地图上。

您的代码当前解析这种格式的 XML： 

 <Deal Latitude="38.989869999999996" Longitude="-110.13261" Deal_ID="201090531" Price="9.50" />

来自 geoxml3 的函数，它返回元素的文本内容（如<lat>）：

//nodeValue: Extract the text value of a DOM node, with leading and trailing whitespace trimmed
geoXML3.nodeValue = function(node, defVal) {
  var retStr="";
  if (!node) {
    return (typeof defVal === 'undefined' || defVal === null) ? '' : defVal;
  }
   if(node.nodeType==3||node.nodeType==4||node.nodeType==2){
      retStr+=node.nodeValue;
   }else if(node.nodeType==1||node.nodeType==9||node.nodeType==11){
      for(var i=0;i<node.childNodes.length;++i){
         retStr+=arguments.callee(node.childNodes[i]);
      }
   }
   return retStr;
};

Google Maps Javascript API v2 组的相关讨论（但 v3 没有 GXml 功能）。

另一个相关的讨论

于 2013-07-30T13:08:06.603 回答