2011-08-12 110 views
1

我正在嘗試爲即將推出的移動網站創建我們的大學校園地圖。Google Maps API v3通過自定義圖像疊加標記?

我跟着谷歌的地圖api v3創建一個簡單的圖像疊加(在這裏找到:http://code.google.com/apis/maps/documentation/javascript/examples/overlay-simple.html)的例子,我已經成功地創建。

但是,我的問題是,我很苦惱的是,如何放置顯示在這個圖像疊加頂部的標記?

我明白如何使谷歌地圖標記,並試圖用簡單的代碼來實現它:

var myLatLng = new google.maps.LatLng(xx.xxxxx,-xx.xxxxx); 
    var marker = new google.maps.Marker({ 
     position: myLatLng, 
     map:map, 
     title:"testing" 
    }); 

但是放置在初始化部分,使標記歸入我的自定義圖像覆蓋...我讀到我需要將它放置在比第三個窗格更大的地圖窗格之一中,但這是我需要一些幫助的地方,在哪裏放置以及如何放置?

回答

1

標記總是在overlayImage窗格中呈現,因此不是試圖移動標記,而是移動添加的覆蓋圖,使其顯示在較低的窗格中(位於標記之下)。

替換:

var panes = this.getPanes(); 
panes.overlayImage.appendChild(div); 

有:

var panes = this.getPanes(); 
panes.overlayLayer.appendChild(div); 

也就是說,overlayLayer替換窗格在overlayImage。 Maps API V3參考資料告訴我,包含地面疊加層,多邊形和多義線的窗格(所有這些都顯示在標記下方)。

+0

非常感謝你,工作完美!我簡直不敢相信答案是那麼簡單,但你已經救了我幾周的挫折。 – Chris

相關問題