javascript - Google Maps HeatmapLayer 可点击端点

标签 javascript google-maps-api-3 google-maps-markers heatmap

当用户达到群集仅包含 1-4 个 LatLng 点的缩放级别时,我想让该对象可单击以显示用于热图的数据源。 有关如何解决此问题的任何提示? 我可以将任何类型的 EventListener 连接到 HeatmapLayer 点吗?

最佳答案

热图没有点击事件(热图基本上不会监听任何事件)。

您可以做什么:使用 markerClusterer。

为所有点创建标记,因为 markerImage 分配透明图像(15x15 大小应该没问题)并将所需的点击事件应用于标记。

将标记插入 markerClusterer并将以下样式应用于聚类器:

  {
    url: 'path/to/transparentImage.png',
    height: 0,
    width: 0,
    textColor: 'transparent',
    textSize: 0
  }

结果:

只要标记成簇,您就什么也看不到。

当标记不再聚集时,您也看不到任何东西(因为标记是透明的),但您可以点击透明标记,标记会响应点击。

关于javascript - Google Maps HeatmapLayer 可点击端点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14290962/

相关文章:

javascript - 使用 jQuery 多次附加一个对象

javascript - 使用 SSL 运行 vuejs 开发服务器(通过 HTTPS 提供服务)

javascript - 如何在谷歌地图中更改图像最后一个点和第一个点的颜色

javascript - 谷歌地图API初始化: initialize is not defined

jquery - 如何使用文本-Google map 创建圆圈叠加

javascript - 如何向通过单击按钮显示的图片添加替代文本?

javascript - 尝试在范围 : Uncaught IndexSizeError: Failed to execute 'setEnd' on 'Range' 上使用 setStart 和 setEnd 时出错

javascript - 谷歌地点搜索回调函数中的问题

javascript - 获取 Google map XML 文件的最后一个节点

javascript - Google map JavaScript API 中标记位置更改时发生的事件