2014-04-01 59 views
4

我比較新的角度。angular-google-maps infowindow/tooltip懸停在標記上

我使用的是角度谷歌地圖,無法弄清楚如何獲得一個工具提示/ infowindow顯示時,將鼠標懸停在標記上:基本上,當您使用直谷歌地圖API並設置'標記對象的標題'屬性(如https://developers.google.com/maps/documentation/javascript/examples/marker-simple

我試過帶有labelContnent屬性的標記元素,而帶有標記元素的標記 - 既沒有顯示標記標題的工具提示。

角谷歌地圖演示(http://angular-google-maps.org/demo)也不顯示任何工具提示,所以我不認爲我做任何錯誤。

問題是,我如何獲得標題顯示?

TIA!

+0

它是否出現在您點擊它時,而不是僅僅在它上面懸停? –

回答

4

創建標記時需要提供包含titleoptions成員。

對不起,我沒有一個小型工作的例子,但你會希望你的標記對象(縣)看起來像這樣:

var marker = { 
    coords: { latitude: 38.8977, longitude: -77.0366 }, 
    icon: 'images/whitehouse.png', 
    options: { title: 'The White House' } 
    id: 12345 
}; 

,然後指定在<marker>所有這些屬性名或<markers>指令。

然後當鼠標懸停在圖標上時,應該出現工具提示。請注意,瀏覽器顯示圖標的速度可能非常慢,因此在決定無法使用之前,請將鼠標懸停在此處幾秒鐘。

如果要顯示信息窗口而不是工具提示,則需要處理mouseovermouseout事件。該文檔目前(2014年6月)對於如何做到這一點非常模糊,並且僅支持<marker>,而不支持<markers>

+1

如果你是用戶標記,你還必須在html 標記中設置options =「'options'」。 – Thierry