缩放地图时热力图权重是否发生变化?

5
这是塔林的小热力图,有三个数据源:
enter image description here 如您所见,此示例地图上没有“红色”部分。
但当我缩小视图时,会得到这个:
enter image description here 我希望我的热力图在缩小时呈现橙黄绿色,而不是红色。
如何使用热力图和google-maps-api(可选)实现? 注意:
我进行了缩小事件以更改半径,我认为此事件也可以帮助我解决此问题,但我不知道应更改哪些配置:
google.maps.event.addListener(map, 'zoom_changed', function() {
    var zoomLevel = map.getZoom();
    heatmap.setOptions({radius:zoomLevel*0.5});
});

3
我会查看这个例子:http://output.jsbin.com/rorecuce/1/。检查getNewRadius函数的源代码。它在初始化和缩放更改事件中被使用。 - Radio
@Radio 这就是答案。 - Michael
太好了。祝您的项目好运! - Radio
1个回答

0

我按照以下方式解决了这个问题:

function getHeatMapRadius(latitudeCoordinate) {
    var distanceInMeter = 3; /* meter distance in real world */    
    
    var meterPerPixel = 156543.03392 * Math.cos(latitudeCoordinate * Math.PI / 180) / Math.pow(2, zoom);
    var radius = distanceInMeter / meterPerPixel;
  
    return radius;
  }

这里是上述公式的源代码


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接