Vue + arcgis api for js + heatmap.js + HeatMapLayer.js(vue
作者:神秘网友
发布时间:2020-03-23 02:25:20
Vue + arcgis api for js + heatmap.js + HeatMapLayer.js(vue
Vue + arcgis api for js + heatmap.js + HeatMapLayer.js(vue使用外部js实现热力图)
vue使用外部js实现热力图
下图是目录结构:
1、最关键的一点,heatmap.js 要在index.html里用
然后:配置HeatMapLayer.js的访问路径,如下:
2、npm 安装esri包,npm install esri-loader,之后在HelloWorld.vue中引入,如图:
3、使用模仿的数据,json格式的,可以自己新建data.js,在里面手写一些,之后export出来,如图:
然后在HelloWorld.vue中引入,
import {nodesArr, lods} from ‘./data’
之后就是关键的逻辑了:
数据可以是后台返回的json数据,也可以是用vue 的mock插件自己生成。
想要源码请假QQ:854138497,绝对可以运行。
下篇将讲述vue中直接使用npm包实现热力图