谷歌地圖API v3標記，圖像和文字在這張圖片之上？

Question

我想在標記上顯示圖像，但在此圖像上我還想放置一些文本（我需要在應用程序的生命週期中動態更改）。

我試過markerwithlabel，他們有兩個不同的例子，一個具有picture，另一個爲text，但我想這兩個結合起來，創造一些與此類似：

在哪裏「Wheeee！」應作爲文本指定（並可更新）。

我該如何做到這一點？

Answer 1

您可以使用RichMarker從Google Maps Api Libraries。您可以將任何HTML添加到您的標記（如示例here中所示）。

你的情況

因此，使用RichMarker.setContent()（API參考here），你會添加自定義的HTML，像（大致從您提供的圖片爲例）：

myMarker.setContent('<div class="callout_bubble"> 
         <i class="some_icon"></i> 
         <span class="inside_text" id="my_marker_X_text">Wheee!</span> 
        </div>'); 

，然後添加CSS樣式風格的任何你想要的方式。您也可以使用js更改<span>中的文本，其ID爲my_marker_X_text。如果您想要多個標記，只需將它們分配給多個唯一標識，或者始終更改整個標記的內容，這取決於您。