简介: vue3使用高德地图实现点击获取经纬度以及搜索功能 话不多说直接上干活 在此之前你需要有高德地图的key,这个自己去申请即可 1,首先需要在终端安装 npm i @amap/amap-jsapi-loader --save 2,准备一个容器 <template> </template> #container{ padding:0px; margin: 0px; width: 100%; height: 800...
vue3 高德地图点击获取经纬度 vue3 数据可视化大屏项目开发中,需要点击地图获取经纬度,我们可以通过代码来实现想要的效果。 通过地图点击事件e.lnglat.getLng(), e.lnglat.getLat()两个方法分别获取经度和纬度。 演示实例 实现代码 <template> {{ lngLat }} </template> export default { data() { retu...
后台管理平台设置地址信息,地址信息通过点击地图来进行获取,然后设置经纬度以及位置名称。 具体实现要求为: 可以输入关键字或者经纬度进行地图位置搜索,设置地图中心点,获取信息; 在地图中点击某一个位置获取当前点击位置经纬度以及位置信息。 需要稍微注意的是,因为场景比较简单,所以本文所写的关键字搜索是指直接在输入...
简介: vue3高德地图+搜索+点击获取经纬度 首先 安装依赖 npm i @amap/amap-jsapi-loader --save html(设置一个容器)点击位置控制台可以打印到数据 如果想要回显到input 只需在input内绑定v-modal即可 <template> 搜索 </template> script //引入 import {onMounted,ref,reactive} from 'vue'; import...