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

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

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

vue中this.$nextTick()的使用---SpringCloud Alibaba_若依微服务框架改造_ElementUI---工作笔记017
this.$nextTick(() => {this.isUpdateTable = true;; }) 可以看到在vue中我们使用,更新一些变量的时候,用了这个this.$nextTick函数 ...
ElementUI以及uvie的图标使用和设置---SpringCloud Alibaba_若依微服务框架改造_ElementUI+uniapp_uview---工作笔记015
对应uview来说使用图标非常方便: https://www.uviewui.com/components/icon.html 这个是uview的官网介绍: 1.可以看到直接name后面写上就可以了, ...
Span中显示内容过长显示省略号---SpringCloud Alibaba_若依微服务框架改造_前端基于Vue的ElementUI---工作笔记011
<span class="icon"> {{item.userAddress | ellipsis}} </span> 去定义一个vue中的过滤器 expo ...
组件注册_使用_命名规则_以及Nacos中给每个服务配置访问前缀---SpringCloud Alibaba_若依微服务框架改造---工作笔记004
使用某个组件,比如我要使用: components文件夹中的Rouyi这个文件夹下的组件的话, import RouYiGit from '@/components/Rouyi/Git' import ...
Table_Vue table 表格中显示内容过长显示省略号_并且显示提示---SpringCloud Alibaba_若依微服务框架改造_前端ElementUI---工作笔记010
<el-table-column :show-overflow-tooltip="true"> </el-table-column> 加上 :show-ov ...
微服务升级_SpringCloud Alibaba工作笔记0002---理解反应式编程中的背压(Backpressure)机_流的逆向压力
技术交流QQ群[JAVA,C++,Python,.NET,BigData,AI]:170933152 Backpressure 并不是响应式编程(Reactive Programming,或者有的人喜 ...
SentinelResource注解配置中_客户自定义限流处理_削峰填谷_流量控制_速率控制_服务熔断_服务降级---微服务升级_SpringCloud Alibaba工作笔记0046
技术交流QQ群[JAVA,C++,Python,.NET,BigData,AI]:170933152 接下来咱们解决上一节说到的问题
elementui中date-picker当前年之后不可选择
elementui中date-picker当前年之后不可选择 <el-date-pickerv-model="time"type="year":picke ...
Go微服务框架及基础平台选择
Go微服务框架及基础平台选择 1 考虑因素 2 现有Go微服务框架 2.1 istio 2.1.1 Istio 特点 2.2 Go-kit 2.2.1 暂未找到 2.3 Kratos(奎托斯) 2.3 ...

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

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

最新文章

热门文章