带有图片的Google Maps API v3标记和此图片顶部的文字？

Question

我想在标记上显示图像，但在此图像上我还想放置一些文本（我需要在应用程序的生命周期中动态更改）。

我已尝试markerwithlabel，他们有两个不同的示例，一个带有picture，另一个带有text，但我想将两者结合起来创建类似的东西：

哪里＆＃34; Wheeee！＆＃34;应该被指定（并且可以更新）为文本。

我怎样才能做到这一点？

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更改ID为<span>的{​​{1}}内的文字。如果您想要多个标记，只需为它们分配多个唯一ID，或者始终更改标记的整个内容，这取决于您。