-
安装maptalks.heatmap插件
yarn add maptalks.heatmap --save
-
在页面import相关组件
import MaptalksCom from '@components/mapComponents/MaptalksCom' import { HeatLayer } from 'maptalks.heatmap'
-
准备数据,构建heatLayer,添加到map对象中
const addressPoints = [ [-37.8839, 175.3745188667, "571"], [-37.8869090667, 175.3657417333, "486"], [-37.8894207167, 175.4015351167, "807"], [-37.8927369333, 175.4087452333, "899"]] const heatlayer = new maptalks.HeatLayer('heat', data, { 'heatValueScale': 0.7, 'forceRenderOnRotating' : true, 'forceRenderOnMoving' : true }).addTo(map);
相关文章
- 03-18maptalks 绘制热力图
- 03-18cesium学习 - 绘制热力图
- 03-18vue中openlayers热力图,标记带文本,弹窗,绘制边界,多图片标记学习总结
- 03-18基于mmdetection的热力图绘制
- 03-18R语言绘制分块区域热力图
- 03-18Winform WPF 绘制热力图组件 效果媲美B/S 热力图
- 03-18用excel绘制基因芯片热力图
- 03-18R 热图绘制heatmap②
- 03-18R 热图绘制heatmap①
- 03-18R语言绘制空间热力图