javascript - 如何使用 googlemaps api 在标记和信息窗口之间创建一些内容

标签 javascript html google-maps

我需要为包含 html 的 map 创建标记。看了很多教程,似乎标记是由图像组成的,并且不允许添加html。

InfoWindows 解决了我的问题一半,我知道我可以添加它们的多个实例,但我的问题是我需要能够对它们进行样式化,并且我不想关闭它们上的按钮。

任何人都可以建议我采取最佳方法吗?

我目前认为我有三个选择:

  1. 编辑标记,以便它们可以包含 html。
  2. 编辑信息窗口,使它们看起来像我想要的那样,并且没有关闭按钮。
  3. 创建单独的东西,并尝试将其位置动态绑定(bind)到 map 。

我们将非常感激任何建议。

最佳答案

ELabel 这样的东西吗?为你工作?它的实现是这样的:

var label = new ELabel(new GLatLng(44.3,-78.8), "Your HTML String", "styleName");
map.addOverlay(label);

这是 example .

关于javascript - 如何使用 googlemaps api 在标记和信息窗口之间创建一些内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1223456/

相关文章:

css - 如何使用可缩放的全尺寸背景图像制作 3 个 div

html - 内联元素的垂直对齐中间稍微偏离

html - CSS 多个带边距的分组元素

javascript - map 'undefined' 的 Google map /Javascript 问题

google-maps - 正/负纬度和经度值与基本方向

javascript - 选项卡或窗口之间的通信

javascript - 发布二进制代码无法从 Jquery ajax 工作

javascript - 如何在禁用元素上触发点击事件

javascript - 谷歌地图信息框

javascript - 始终将 JSON 解析为数组