Google Maps HeatmapLayer可点击终端

时间:2013-01-12 06:36:22

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

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

1 个答案:

答案 0 :(得分:5)

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

您可以做什么:使用markerClusterer。

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

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

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

结果:

只要标记聚集在一起,你就什么都看不到。

当标记不再聚集时,您也看不到任何内容(因为标记是透明的),但您可以单击透明标记,标记将响应单击。