1、安装依赖组件
npm install vue-bmap-gl --save
npm install vue-mapvgl --save
2、在main.js中加载组件
import VueBMap from 'vue-bmap-gl';
import 'vue-bmap-gl/dist/style.css'
import VueMapvgl from 'vue-mapvgl';
Vue.use(VueBMap);
Vue.use(VueMapvgl);
VueBMap.initBMapApiLoader({
ak: 'YOUR_KEY',
v: '1.0'
});
该处的ak对应的值需要在百度的控制台中申请: http://lbsyun.baidu.com/apiconsole/key#/home
3、加载点数据
4、使用vue-mapvgl进行大数据展示,示例为波点图
5、详细示例以及API方法可以查看文档
vue-bmap-gl: https://guyangyang.gitee.io/vue-bmap-gl/#/zh-cn/coverings/marker
vue-mapvgl:https://guyangyang.gitee.io/vue-mapvgl/#/zh-cn/layer/RippleLayer