我一直在搜索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
那我该怎么办呢？我应该使用自定义叠加层吗？没有什么比这更容易了吗？
答案 0 :(得分：2)
实际上你可以使用CSS在你的地图上使用浮动div。你必须小心定位。看看这篇文章： div on top of div with Google Maps API
答案 1 :(得分：2)
如果您想在地图上放置一些地理位置不合适的东西，比如菜单或标题栏，Mano会得到正确的答案。
如果您希望显示地理位置绑定的内容，例如城市名称（假装API尚未执行此操作的那一天），那么您将转向CustomOverlay路线。虽然所有示例都使用图像，但这并不是一种要求。如果您查看simple overlay example并查看第62行周围的源代码，您会看到将<img>对象添加到<div>的确切行。您可以轻松地将文本添加到div而不是图像。
答案 2 :(得分：0)
转到此演示目的网站：http://easysublease.org/mapcoverjs/
在地图上，右键单击地图，您将看到一个上下文菜单。在此上下文菜单中，有一个输入，您只需在输入上输入一些文本。然后，下一个生成的标记将包含您在那里输入的文本。
要了解它的工作原理，您可以访问它的github：https://github.com/bovetliu/mapcover。
Mapcover.js是一个javascript小工具，可让开发人员编写HTML / CSS，在Google地图上创建自定义元素。