将标记替换为 html 内容

Question

我一直在搜索 Google Map API V3 文档，但找不到任何方法来使用我自己的 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

那我该怎么办呢？我应该使用自定义叠加层吗？难道没有什么事情看起来更容易做到吗？

Answer 1

如果您想在地图上放置不受地理限制的某些内容（例如菜单或标题栏），Mano 可以为您提供正确的答案。

如果您希望显示一些受地理限制的内容，例如城市名称（假装 API 尚未执行此操作），那么您将前往 CustomOverlay 路线。虽然所有示例都使用图像，但这绝不是必需的。如果您查看简单的覆盖示例并查看第 62 行附近的源代码，您将看到将对象添加<img>到<div>. 您可以轻松地将文本而不是图像添加到 div 中。