定製谷歌地圖有多個標記和信息窗口

*您好，我是新來的整個谷歌地圖API的環境所以請不要一起指導我。定製谷歌地圖有多個標記和信息窗口

什麼，我想下面來實現的是，無論是從XML文件或JSON文件中提取數據，並繪製到谷歌地圖的位置。我也試圖添加一個信息窗口，它將顯示每個位置的不同信息。我知道有一個信息窗口，我必須創建一個over lay。但問題是我如何實際標記多個信息窗口到他們的標記？

所有標記在地圖上顯示的很好，但問題是，當我點擊查看信息窗口 - 始終顯示在相同的標記信息的窗口。有什麼問題？

這就是我與迄今走過來，如果有人能夠發現的問題我將不勝感激。

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     html, body, #map_canvas { margin: 0; padding: 0; height: 100%; } 
    </style> 
    <script 
     src="https://maps.googleapis.com/maps/api/js sensor=false&libraries=visualization"> 
    </script> 

    <script> 
    var map; 
    function initialize() { 
    var mapOptions = { 
    zoom: 5, 
    center: new google.maps.LatLng(-27.48939, 153.012772), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    map = new google.maps.Map(document.getElementById('map_canvas'), 
    mapOptions); 


    var script = document.createElement('script'); 
    script.src = 'http://earthquake.usgs.gov/earthquakes/feed/geojsonp/2.5/week'; 
    document.getElementsByTagName('head')[0].appendChild(script); 
} 

    window.eqfeed_callback = function(results) { 
    for (var i = 0; i < results.features.length; i++) { 


    var earthquake = results.features[i]; 
    var coords = earthquake.geometry.coordinates; 

    var latLng = new google.maps.LatLng(coords[1],coords[0]); 

    var marker = new google.maps.Marker({ 
     position: latLng, 
     map: map, 

    }); 

    var infowindow = new google.maps.InfoWindow({ 
    content: "<div>Hello! World</div>", 
    maxWidth:100 
    }); 

    google.maps.event.addListener(marker, "mouseover", function() { 
    infowindow.open(map, marker); 
}); 

    } 
} 

    </script> 
    </head> 
    <body onload="initialize()"> 
    <div id="map_canvas"></div> 
    </body> 

    </html>

來源

2013-08-17 user2691544

有沒有問題？如果沒有，http://codereview.stackexchange.com將是一個更好的地方發佈這個。的 –

可能重複[谷歌地圖JS API V3 - 簡單多個標記示例]（http://stackoverflow.com/questions/3059044/google-maps-js-api-v3-simple-multiple-marker-example） – geocodezip

使用如此代替標記，打開信息窗口時。

google.maps.event.addListener(marker, "mouseover", function() { 
     infowindow.open(map, this); 
    });

來源

2013-08-17 11:34:11

嘿盧卡斯感謝您的建議。只是爲了與您覈對，我的內容將從現在起將從何處拉開？如果我想從XML或JSON之類的外部來源獲取內容，我應該怎麼做？ – user2691544

一切都保持原樣。你可以像你以前那樣做。 –

嗯。在這種情況下，它似乎沒有工作。信息窗口功能消失了。 – user2691544

定製谷歌地圖有多個標記和信息窗口

回答

相關問題