在Google Map API v3中,作爲標題,我只在google map api中看到了兩種類型的動畫,但是我在某些地方看到,當鼠標懸停在地圖上時,地圖標記會變得很大。如何實現這一點?當鼠標懸停時,如何讓Google地圖標記變得更大?
回答
使用標記的mouseover事件處理程序和setIcon()
方法。您可以使用dynamic icons從谷歌圖表API用於此目的,並更改chld
屬性,使圖標成長:
http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.5|0|FF8800|15|_|
http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.6|0|FF8800|15|_|
http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.7|0|FF8800|15|_|
別t忘記設置適當的錨點!例如:
marker.setIcon(new google.maps.MarkerImage(
'http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.65|0|FF8800|15|_|',
null,
null,
new google.maps.Point(11, 43) // this is the proper anchor point for scale 0.65
));
您可以使用自己的圖像作爲標記,然後利用標記圖像的scaledSize
屬性在mouseover
事件觸發時使其更大。
我不知道如何做到這一點,而不需要做一些更復雜的事情。
你想通了嗎? +1如果它實際上工作..請讓我知道 –
@ mmmshuddup對不起,我一直沒有在這一段時間工作。由於它已經有一年多的時間了,您可能會發現自那時起API已經改變/改進。 – Oliver
- 1. 當鼠標懸停Google地圖時禁用鼠標EventListener
- 2. 鼠標懸停更改標記圖標(谷歌地圖V3)
- 3. 當鼠標懸停在「Google地圖標記」上時,如何在保留「標題」值的同時隱藏「標題」?
- 4. 當鼠標懸停或更改圖標標記
- 5. 如何讓鼠標懸停在使用Angular.js圖像更大
- 6. 谷歌地圖鼠標懸停更改標記圖形
- 7. Google Earth API在鼠標懸停上更改地標圖像
- 8. 鼠標懸停時更改標記圖標
- 9. 使谷歌地圖標記鼠標懸停更多的互動
- 10. 鼠標懸停在鼠標懸停KMLLayer谷歌地圖
- 11. 如何在鼠標懸停事件上將標記添加到Google地圖
- 12. 將鼠標懸停時放大圖像
- 13. 在鼠標懸停時放大圖像
- 14. 當鼠標懸停在HTML上時,如何更改圖像?
- 15. 當鼠標懸停在TreeNode上時,如何更改光標?
- 16. JQuery - 使鼠標懸停時圖標變大
- 17. 當鼠標懸停時獲取標籤
- 18. 如何在鼠標懸停時更改「fa圖標」的顏色?
- 19. 更改鼠標懸停/失敗圖標
- 20. 如何讓鼠標點擊後懸停?
- 21. Google Maps API:在鼠標懸停時刪除並重置標記
- 22. 拖動標記時未觸發鼠標懸停Google Maps API
- 23. 如何在鼠標懸停(懸停)上顯示Google地圖控件?
- 24. 當鼠標懸停在縮略圖上時Google加彈出框?
- 25. 在鼠標懸停時調整Google地圖的尺寸
- 26. 讓鼠標懸停時顯示Div
- 27. 如何獲得當鼠標懸停在Radgridview時的行索引
- 28. D3.js鼠標懸停不活躍時,標記靠得太近
- 29. 鼠標懸停地標鏈接時突出顯示Google地圖折線
- 30. 如何讓懸停時的圖像正確連接到鼠標?
截至2012年,這已被棄用。任何人都知道現代解決方案? – FRD
如果你只是點擊你自己的鏈接,你會看到。 ;) – FRD
http://stackoverflow.com/q/11318672/684229 – TMS