使用geoxml3和markerclusterer解析KML文件

时间:2012-06-22 12:30:49

标签: maps geoxml3

我正在使用geoxml3和markerclusterer将kml文件解析为google maps api v3地图。到目前为止这个工作。

kml文件存储了几个信息。

<Placemark>
   <name>Manfred Mustermann</name>
   <description>Manfred Mustermann</description>
   <Point>
      <coordinates>7.0964850607874,51.781641735074,0</coordinates>
   </Point>
   <address>Musterstr. 29 Aachen, 52070 Nordrhein-Westfalen</address>
   <styleUrl>#0</styleUrl>
</Placemark>

它正在输出节点“名称”或“描述”而不是“地址”。如果我尝试使用place mark.address输出它,则在信息窗口中写入undefined。

我的问题是,我如何解析这个地址信息?

这是我的代码:

$(document).ready(function(){
var myOptions = {
      zoom: 3,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var mcOptions = {gridSize: 80, maxZoom: 15};
    markers = [];

    var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
    markerclusterer  = new MarkerClusterer(map, [], mcOptions);
    var infoWindow = new google.maps.InfoWindow({maxWidth:800});

    var myParser = new geoXML3.parser({
    map: map, 
    singleInfoWindow:true,

    createMarker:function(placemark){
            var point = new google.maps.LatLng(placemark.point.lat, placemark.point.lng);
            var con = "<pre>" + placemark.description + "<br /><br />" + placemark.address + "</pre>";
            var marker = new google.maps.Marker({position:point});
            markers.push(marker);

            google.maps.event.addListener(marker, "click", function(){
                infoWindow.content = con;
                infoWindow.open(map, marker);
            });
           markerclusterer.addMarker(marker);
    }
});
    myParser.parse('dat.kml');
  });

  function clickMarker(i){
         google.maps.event.trigger(markers[i], "click");
  }

非常感谢!

托尼

1 个答案:

答案 0 :(得分:1)

修改'geoxml3.js'文件。在'var render = function(responseXML,doc)'中,地标定义为:

placemark = {
      name:  geoXML3.nodeValue(node.getElementsByTagName('name')[0]),
      description: geoXML3.nodeValue(node.getElementsByTagName('description')[0]),
styleUrl: geoXML3.nodeValue(node.getElementsByTagName('styleUrl')[0])
};

将其更改为添加:

address: geoXML3.nodeValue(node.getElementsByTagName('address')[0])

请注意,向KML添加地址标记不符合KML标准。最好使用ExtendedData https://developers.google.com/kml/documentation/extendeddata#entityreplacement等标记。