Erlo

Vue加载百度地图GL版本和mapvgl

2021-01-21 19:30:22 发布   806 浏览  
页面报错/反馈
收藏 点赞

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

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认