我正在使用谷歌地圖javascript應用程序,我想爲其中一個標記使用自定義圖像。谷歌地圖應用程序中的自定義標記
這裏是我想用來獲取標記的代碼示例。
var searchUrl = 'phpsqlsearch_genxml.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius;
GDownloadUrl(searchUrl, function(data) {
var xml = GXml.parse(data);
markers = xml.documentElement.getElementsByTagName('marker');
var sidebar2 = document.getElementById('sidebar2');
sidebar2.innerHTML = '';
if (markers.length == 0) {
document.getElementById('alert_div').innerHTML = "<a>No Results found</a>";
document.getElementById('alert_div').style.display = 'block';
map.setCenter(new GLatLng(40.178873,2.8125), 2);
return;
}
showSidebar();
var limitsearch = document.getElementById('limitsearch').value;
var bounds = new GLatLngBounds();
if (limitsearch <= markers.length){
for (var i = 0; i < limitsearch; i++) {
var name = markers[i].getAttribute('name');
var phone = markers[i].getAttribute('phone');
if (phone == 0){phone = '';}
var address = markers[i].getAttribute('address');
var distance = parseFloat(markers[i].getAttribute('distance'));
var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
parseFloat(markers[i].getAttribute('lng')));
var marker = createMarker(point, name, address);
map.addOverlay(marker);
var sidebarEntry = createSidebarEntry(marker, phone, name, address, distance);
sidebar2.appendChild(sidebarEntry);
bounds.extend(point);
}}
else{
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute('name');
var phone = markers[i].getAttribute('phone');
if (phone == 0){phone = '';}
var address = markers[i].getAttribute('address');
var distance = parseFloat(markers[i].getAttribute('distance'));
var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
parseFloat(markers[i].getAttribute('lng')));
var marker = createMarker(point, name, address);
map.addOverlay(marker);
var sidebarEntry = createSidebarEntry(marker, phone, name, address, distance);
sidebar2.appendChild(sidebarEntry);
bounds.extend(point);
}
}
map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
showSidebar();
getAlert();
});
}
「數據」是什麼?你能提供更多你使用的代碼嗎? – Jonathan 2011-05-09 03:10:19
當然。我正在使用Google地圖商店定位器。我已經編輯我的文章 – Nobby 2011-05-09 03:15:20
您還應該查看谷歌地圖的v3 api。如果您發現它有用,我可以使用v3代碼更新我的答案。 http://code.google.com/apis/maps/documentation/javascript/basics.html – 2011-05-09 03:28:57