ElementUI中使用地图实现地图位置选择_---SpringCloud Alibaba_若依微服务框架改造_ElementUI---工作笔记014

在若依的前端框架中使用的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'
})