高德地图vue-amap
文章平均质量分 55
CV章鱼烧
这个作者很懒,什么都没留下…
展开
-
vue-amap 高德地图进行地址信息解析成经纬度
业务场景:当用户输入完位置信息或者是详细的地址,点击按钮进行地址解析;代码如下:<a-form-model-item label="经度" > <a-input placeholder="请输入经度" v-model="model.latitude" disabled style="width: 160px" /></a-form-model-item><a-form-model-item label="纬度" > <a-原创 2022-02-17 10:05:39 · 1620 阅读 · 0 评论 -
vue-amap 高德地图插件实现点击地图获取信息(直接复制就可以用)
业务场景:需要在地图上获取某个位置的详细信息。代码如下:mian.js:import VueAMap from 'vue-amap';Vue.use(VueAMap);// 初始化vue-amapVueAMap.initAMapApiLoader({ key: 'c4de786c74a450ac841ea096528c6ff1', plugin: [ 'AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale',原创 2022-02-17 09:56:24 · 1560 阅读 · 10 评论 -
vue-amap 高德地图实现拖拽选址
业务需求:需要在地图上门进行移动地图实时获取全部信息,我这里是使用了插件vue-amap需求效果图:下面是具体的代码实现:mian.js代码如下:Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: "在高德申请的key值填写这位置", plugin: [ "AMap.Autocomplete", //输入提示插件 "AMap.PlaceSearch", //POI搜索插件 "AMap.Scale", //右下角缩略图原创 2022-02-17 09:49:24 · 2416 阅读 · 5 评论