标签：baidu vue ElementUI 地图 --- 文档 高德 百度

在若依的前端框架中使用的elementui中,使用地图,

百度地图和高德地图,都进行封装成了插件,其中百度地图的:

文档:

https://dafrok.github.io/vue-baidu-map/#/zh/overlay/marker

高德地图的文档是:

https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install

具体的问题还得参考文档,使用方式其实很简单.

使用的时候首先在:项目中导入插件

npm install vue-amap --save

npm install vue-baidu-map --save

2.在这个文件中导入:\RuoYi-Cloud\ruoyi-ui\src\main.js

import BaiduMap from 'vue-baidu-map'
import VueAMap from 'vue-amap';

3.在:\RuoYi-Cloud\ruoyi-ui\src\main.js文件中使用百度地图,这里我只用百度地图做演示,高德地图可以参考文档

Vue.use(BaiduMap, {
  // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
  ak: '5b2b653a9e7545f423ffa03b93b5d67d'
})

标签：baidu,vue,ElementUI,地图,---,文档,高德,百度
来源： https://blog.csdn.net/lidew521/article/details/115486006

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。