通过替换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内容

回答

相关问题