google 地图热图显示模糊的绿色区域而不是特定的红色区域

Question

我使用的是原始 Google 地图热图示例，它工作正常。

我是从这个页面拿来的：https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap#maps_layer_heatmap-javascript

问题出在应用我的积分之后。我只是以与示例相同的方式添加了 2k 个新点：

    new google.maps.LatLng(xxx, xxx),

而不是显示某些红色区域，它变成了一个独特的大模糊绿色区域。

示例位于：https://jsfiddle.net/d4xerj7L/2/

我是不是做错了什么？

Answer 1

尝试设置 maxIntensity.

heatmap = new google.maps.visualization.HeatmapLayer({
    data: getPoints(),
    map: map,
    maxIntensity: 4, // <---  added this
  });

https://jsfiddle.net/d4xerj7L/2/