通过jQuery的谷歌地图API V3加载XML

更新： 疲劳发生的用户错误，而不是代码本身，原来是问题。我只是错误地称了initialize()函数两次。我将离开这篇文章，因为代码片段可能对希望通过jQuery使用Google Map的XML数据的其他人有用。通过jQuery的谷歌地图API V3加载XML

我通过jQuery for Google Maps（API V3）从XML文件加载地图标记坐标和infoWindow内容。一切似乎都工作正常 ~~，除了每个标记添加两次~~ 。

这里是我的JS：

google.load("maps", "3", {other_params:"sensor=false"}); 
google.load("jquery", "1.6.2"); 

var infowindow; 
var map; 

function initialize() { 

// Specify center of the map 
var latLng = new google.maps.LatLng(51.781,-107.402); 

// Customize map appearance 
var mapOptions = { 
    center: latLng, 
    mapTypeControl: false, 
    mapTypeId: 'roadmap', 
    navigationControl: true, 
    navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL, position: google.maps.ControlPosition.TOP_RIGHT}, 
    scaleControl: false, 
    streetViewControl: false, 
    zoom: 3 
} // end mapOptions(); 

// Load the Google map into the #mapCanvas div 
map = new google.maps.Map(document.getElementById("mapCanvas"), mapOptions); 

jQuery.get("iphorm/test.xml", function(data) { 
    jQuery(data).find("marker").each(function() { 
    var eachMarker = jQuery(this); 
    var markerCoords = new google.maps.LatLng(
     parseFloat(eachMarker.find("Latitude").text()), 
     parseFloat(eachMarker.find("Longitude").text()) 
    ); 
    var name = eachMarker.find("Name").text(); 
    var content = eachMarker.find("Content").text(); 
    var html = "<div class='info-blob'>" + name + "<br />" + content + "</div>"; 

    var marker = addMarker(html, markerCoords); 

    }); 
    }); 
} // end initialize(); 

// Create a marker for each XML entry 
function addMarker(html, markerCoords) { 

// Place the new marker 
var marker = new google.maps.Marker({ 
    animation: google.maps.Animation.DROP, 
    map: map, 
    position: markerCoords 
}); // end place the new marker 

// Add event listener. On marker click, close all open infoWindows open current infoWindow. 
google.maps.event.addListener(marker, "click", function() { 
    if (infowindow) infowindow.close(); 
    infowindow = new google.maps.InfoWindow({content: html}); 
    infowindow.open(map, marker); 
}); // end add event listener 

// Display marker 
return marker; 

} // end addMarker(); 

// On page lod, initialize the map 
google.setOnLoadCallback(initialize);

我的XML文件是这样的：

<?xml version="1.0" encoding="utf-8"?> 
    <markers> 
     <marker> 
      <Name>Jane Smith</Name> 
      <Content>A bit of content goes here.</Content> 
      <Latitude>53.69629</Latitude> 
      <Longitude>-123.925437</Longitude> 
     </marker> 
     <marker> 
      <Name>Joe Smith</Name> 
      <Content>A bit of content goes here.</Content> 
      <Latitude>55.627598</Latitude> 
      <Longitude>-115.136375</Longitude> 
     </marker> 
</markers>

显然，从XML中的每个元素<marker>只能一次地图抓起。 ~~关于如何解决此错误的任何想法？~~ 编辑：代码按预期工作。

来源

2012-01-07 Jared

这是一个问题或答案 – defau1t 2012-01-07 20:00:14

@refhat这是一个问题，但现在是一个答案。我的代表还不够高，无法回答我自己的问题。只要我可以（一天结束），我会。 – Jared 2012-01-07 21:19:22

JS和XML都运行正常。我只是错误地称了initialize()函数两次。

来源

2012-01-09 01:08:54 Jared

通过jQuery的谷歌地图API V3加载XML

回答

相关问题