2011-01-22 118 views
5

我想完全自定義谷歌地圖v3中的infowindow?我只想在那裏展示一個圖像,沒有帶箭頭的白色圓形背景。定製谷歌地圖的InfoWindow

v3中有可能嗎?或任何解決方法?

像這樣的事情

alt text

回答

3

看看this例子的來源 - 完全自定義的信息窗口(谷歌地圖API V3使用)。
我發現在谷歌地圖API V3組,例如 - 「Custom InfoWindow examples」 - 萬一你將需要更多的信息

+0

一個更簡單的方法http://blog.mridey.com/2009/09/label-overlay-example-for-google-maps.html – coure2011 2011-01-23 07:17:47

0

如果你只需要一張照片作爲標記,那麼你就需要一個信息窗口。您可以將自定義圖像設置爲位置標記。

pin=new google.maps.LatLng(50.00, 50.00); 

if(marker) { 
    marker.setMap(null); 
} 

var markerIcon = "car.png"; 

marker=new google.maps.Marker({ 
    position:pin, 
    zIndexProcess: function(m) 
    { 
     return 9999999 
    }, 
    icon:markerIcon 
}); 

marker.setMap(map); 

map.setCenter(marker.getPosition()); 
+0

這僅僅是一個標誌,所以如果你有多個標記在你的地圖中,它會看起來像你打開了多個信息框。另外,放入HTML並不容易...這不是一個很好的解決方案。 – 2013-04-04 19:14:48