首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >谷歌地图Api v3和XML feed

谷歌地图Api v3和XML feed
EN

Stack Overflow用户
提问于 2013-07-30 20:26:35
回答 1查看 1.8K关注 0票数 0

我有一个这样的XML文件:

代码语言:javascript
复制
<datas>
<title>AAA</title>
<lat>111</lat>
<lng>5454</lng>
</datas>
<datas>
<title>BBB</title>
<lat>112121</lat>
<lng>544254</lng>
</datas>

……

示例:下面是一个“真实”的示例:

代码语言:javascript
复制
<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>

初始化函数:

代码语言:javascript
复制
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,但不起作用。

谢谢你的帮助。Dominique

EN

回答 1

Stack Overflow用户

发布于 2013-07-30 21:08:07

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

您的代码当前解析以下格式的XML:

代码语言:javascript
复制
 <Deal Latitude="38.989869999999996" Longitude="-110.13261" Deal_ID="201090531" Price="9.50" />

返回元素(如<lat>)文本内容的geoxml3中的函数:

代码语言:javascript
复制
//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;
};

relevant discussion from the Google Maps Javascript API v2 group (但v3没有GXml功能)。

another relevant discussion

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17947015

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档