multiple markers on google maps from xml file

前端 未结 2 1446
别那么骄傲
别那么骄傲 2020-12-22 07:15

I am so close to get this working

My question is: how can i make the google maps read the data.xml file that is stored on my ftp server?

Th

2条回答
  •  滥情空心
    2020-12-22 07:46

    There are three standard formats for "mapping" XML (XML stands for eXtensible Markup Language, you can do with it what you want).

    • KML - content of a element, multiple values are possible separated by strings.
    
        name
        go 0.3 mi
        
            -103.17619,44.09972,0
        
    
    

    example parser - geoxml3

    • latitude/longitude attributes of a marker element (used in and described in Mike Williams' Google Maps Javascript API v2 tutorial)
    
    

    Parse using code like you have posted in your question:

    var markers = data.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
                                  parseFloat(markers[i].getAttribute("lng")));
      var marker = new google.maps.Marker({position: latlng, map: map});
     }
    
    • latitude/longitude content in separate elements
    
      44.09972
      -103.17619
    
    

    Parse by getting the content of the and elements:

    var markers = data.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      var latlng = new google.maps.LatLng(parseFloat(nodeValue(markers[i].getElementByTagName("latitude")[0])),
                                          parseFloat(nodeValue(markers[i].getElementByTagName("longitude")[0])));
      var marker = new google.maps.Marker({position: latlng, map: map});
    }
    

    from geoxml3:

    //nodeValue: Extract the text value of a DOM node, with leading and trailing whitespace trimmed
    function nodeValue (node) {
      var retStr="";
      if (!node) {
        return '';
      }
      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

    question on SO about how to do this using jquery - example from that question

    xml format parsed:

    
      44.09972
      -103.17619
    
    

提交回复
热议问题