我有一個網站包含谷歌地圖。我需要將圖片固定在地圖上的特定位置。 是否可以將該圖像進行programetically添加到地圖。 例如,如果我的數據庫包含圖像位置和要添加的位置的詳細信息,則需要將我的數據庫中的所有圖像添加到放置在地圖中的相應位置。添加圖片到谷歌地圖
如果可能的話,我可以使用哪種Google API來達到此目的。我的開發環境是LAMP。
謝謝, 同伴。
我有一個網站包含谷歌地圖。我需要將圖片固定在地圖上的特定位置。 是否可以將該圖像進行programetically添加到地圖。 例如,如果我的數據庫包含圖像位置和要添加的位置的詳細信息,則需要將我的數據庫中的所有圖像添加到放置在地圖中的相應位置。添加圖片到谷歌地圖
如果可能的話,我可以使用哪種Google API來達到此目的。我的開發環境是LAMP。
謝謝, 同伴。
是的。他們被稱爲信息窗口,並附加到標記。 Google Maps API參考資料非常詳細,幷包含帶有代碼的樣本。
http://code.google.com/apis/maps/documentation/javascript/overlays.html#InfoWindows
你的PHP代碼將輸出(回聲)JavaScript以適當的標記添加到地圖中。
您首先需要在地圖上創建標記。標記顯示爲推針(但您可以使用任何其他圖標)。標記暴露了您可以綁定事件偵聽器的事件click
。在事件監聽器中,您可以使用信息窗口來顯示任何html內容。請參閱下面的示例和演示:
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=YOUR--API--KEY--GOES--HERE">
<div id="mapContent" style="height: 400px;"></div>
<script stye="text/javascript">
// INITIALIZE MAP
var map = new GMap2(document.getElementById("mapContent"));
map.setCenter(new GLatLng(0, 0), 5);
map.addControl(new GLargeMapControl3D());
map.addControl(new GMenuMapTypeControl());
// INITIALIZE MARKER DATA
var markers = [];
// GENERATE THIS FRAGMENT VIA PHP {
markers.push({
lat: parseFloat('1'),
lng: parseFloat('1'),
html: '<p><img src="http://farm5.static.flickr.com/4067/4337577836_71afd9a9e2_m.jpg"></p>'
});
markers.push({
lat: parseFloat('-1'),
lng: parseFloat('-1'),
html: '<p><img src="http://farm2.static.flickr.com/1039/1289471738_c8c7e329af_m.jpg"></p>'
});
// }
// ADD MARKERS TO MAP
for (var i = 0; i < markers.length; i++) {
var marker = new GMarker(new GLatLng(markers[i].lat, markers[i].lng));
map.addOverlay(marker);
GEvent.addListener(marker, "click", (function (j) {
return function() {
this.openInfoWindowHtml(markers[j].html);
};
})(i));
}
</script>
也許你的意思是a ground overlay?
謝謝你的回覆,它的作品爲我。一個更多的問題,是否可以添加多個圖像到相同的標記。 – user232751 2011-01-25 14:24:52