通過替換HTML內容

標記我一直在尋找的谷歌地圖API V3文檔上，但我找不到任何方式使用自己的HTML內容而不是圖像來在地圖上創建一個自定義圖標。我想顯示一個動態標記，可以顯示文本或任何我想要的。通過替換HTML內容

對於爲例：

<div class="marker">Dynamic text</div>

我看到這個線程google map api v3: can I use a div instead of an image to create the custom icon?如果有人建議使用「定製覆蓋」，但它只能顯示圖像的文檔中......我沒有看到地名釋義點如果顯示HTML內容，如何使用「自定義覆蓋」顯示圖像。 http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays

我應該如何着手呢？我應該使用自定義覆蓋？有沒有什麼似乎更容易做到這一點？

來源

2012-01-18 httpete

如果你想在地圖上定位一些不受地理限制的東西，比如菜單或標題欄，馬諾的答案是正確的。

如果您希望顯示地理上有界的東西，比如城市名稱（假裝API已經沒有做到這一點），那麼您會領先於CustomOverlay路線。雖然所有示例都使用圖片，但這不是任何方式的要求。如果你看一下simple overlay example，並查看周圍線62的源代碼，你會看到確切的線條加上<img>對象到<div>。您可以輕鬆地將文本添加到div而不是圖像。

來源

2012-01-19 00:44:14 bamnet

其實你可以使用浮動DIV在使用CSS地圖。你必須小心定位。看看這篇文章： div on top of div with Google Maps API

來源

2012-01-18 23:29:50

回到這個演示目的網站：http://easysublease.org/mapcoverjs/

在地圖上，右鍵單擊地圖，你會看到一個上下文菜單。在這個上下文菜單中，有一個輸入，你可以在輸入上輸入一些文本。然後，下一個生成的標記將具有您輸入的文本。

要看看它是如何工作的，你可以去它的github上：https://github.com/bovetliu/mapcover。

Mapcover.js是一個JavaScript的小工具，使開發人員能夠編寫HTML/CSS創建谷歌地圖上的要素。

來源

2015-07-21 04:22:22

通過替換HTML內容

回答

相關問題