jquery - 从谷歌地图中删除 HeatmapLayer

Question

我正在使用 HeatmapLayer api https://developers.google.com/maps/documentation/javascript/layers#JSHeatMaps

我像这样生成热图:

heatmap = new google.maps.visualization.HeatmapLayer({
    data: heatmapData,
    radius: 50
});
heatmap.setMap(google_map);

当我想使用与上面相同的功能显示另一个热图时(我正在使用ajax并且我有新的标记要显示，所以我也需要更改热图)热图图层保留在 map 上并在在这种情况下，我的 map 上有 2 个重叠的热图。如何先删除当前的 heatmapplayer？

这是我的演示代码，如果您单击 map 下方的链接，则会添加热图，如果您再次单击它，它应该将其删除，但它只是一遍又一遍地重复:

http://jsfiddle.net/LpL3P/

Answer 1

文档建议您可以通过调用 heatmap.setMap(null)

来删除图层

更新

在 your jsfiddle您在每个 click 事件的范围内声明了您的 heatmap 变量。为了使您的代码正常工作，我将 heatmap 变量移动到全局存在，然后检查以确保新的 heatmap 不会覆盖现有的。

Here is your updated jsfiddle