1
我在我的網站上使用Google地圖API。地圖從xml獲取數據,然後使用經度和緯度在相應位置顯示標記。不過,我在XML中有超過500個條目,但地圖並未顯示所有條目。任何人都可以幫助我。我需要地圖上整個xml的標記。地圖顯示在「http://saleon.com.pk/」上,並且地圖使用的xml文件是「http://saleon.com.pk/test/generate.php」。谷歌地圖,我的代碼是這樣的:Google地圖標記不會顯示整個xml
<script type="text/javascript">
var infowindow;
var map;
function initialize(str,category,city,minprice,maxprice,flag) {
var myLatlng = new google.maps.LatLng(30.55538, 73.13690);
var myOptions = {
zoom: 5,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
downloadUrl("<?php echo WEB_PATH;?>test/generate.php", function(data){
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 = createMarker(markers[i].getAttribute("name1"),markers[i].getAttribute("name2"), markers[i].getAttribute("img"), markers[i].getAttribute("description"), markers[i].getAttribute("id"), latlng);
}
});
function createMarker(name1,name2, img, description, id, latlng) {
var marker = new google.maps.Marker({position: latlng, map: map});
google.maps.event.addListener(marker, "click", function() {
if (infowindow) infowindow.close();
infowindow = new google.maps.InfoWindow({content: '<div style="float:left;"><img src="<?php echo WEB_PATH;?>'+img+'" width="75px" height="75px" /></div><div style="float:left; margin-left:10px; font:Arial;"><div style="font-weight:bold;">'+name1+'<br/>'+name2+'</div><div style="width:200px;">'+description+'</div><div><a href="<?php echo WEB_PATH;?>index.php?page=item&id='+id+'">View Product</a></div></div>'});
infowindow.open(map, marker);
});
return marker;
}
</script>
謝謝你給我解決方案。它實際上已經成爲你所說的。標記顯示出來,但是他們已經結束了,所以只有頂部的標記才顯示出來。你能否給我一個想法,我應該如何抵消這些標記,以便標記不會從他們想要的區域出去,同時不會太擁擠,以至於無法在地圖上顯示。我試圖用0.001來抵消它們,但是當它們離開實際的地方時會出現一個問題。因爲有些位置的標記多於100個標記。我該怎麼辦?再次感謝。 – 2013-03-15 13:46:31
好的。然後,您可以嘗試在信息框中顯示多種信息的方法。查看此帖http://stackoverflow.com/questions/3548920/google-maps-api-v3-multiple-markers-on-exact-same-現場和由Ignatius回答將解決你的麻煩! – 2013-03-18 08:43:11