leafleft 做热力图

131 阅读1分钟

先上效果图:

image.png

依赖的文件有:

heatmap.js 热力图可视化库 包管理器可下载

leaflet-heatmap.js 在leaflet官网中插件下,可以找到

初始化:

image.png

image.png

image.png

image.png

遇到的问题:

  1. this指向的问题

在上面两个文件中,调用函数时传入参数中有this,严格模式下this指向了undefined,修改this为window,即可

image.png

image.png

2.heatmap.js中527行的代码注释掉

报错信息: image.png

注释掉下面的代码就能解决: image.png

  1. 将上面两个文件单独放在其他目录下,防止队友在下载依赖时,覆盖掉上面修改的代码。

image.png