我们在地图缩放的不同级别下,热力图的显示效果会不同,由于点密度与模糊参数默认是固定的,因此需要对参数进行动态修改,以满足不同缩放级别下可以得到较好的显示效果。
思路是监听地图缩放级别,将地图缩放级别作为系数,去修改热力图的相应参数。
JS 部分
以下是经过优化后的地图监听代码:
map.on('extent-change',function(){
heatmapfeatureLayer.renderer.maxPixelIntensity = 200 / map.getZoom();
heatmapfeatureLayer.renderer.blurRadius = map.getZoom() * 0.9;
});
大家可以根据数据的特点修改上述代码中的常数进行调试。