打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
vue2.x+高德地图实现地址搜索、点击获取详细地址和经纬度并且添加标注

实现效果:

 

实现过程:

1、页面加载时,获取城市定位(pc端只能通过IP定位,安卓和ios可以通过GPS实现具体地址定位)

2、定位成功后,通过城市名或者经纬度完成地图初次渲染

3、绑定点击事件,根据事件返回的数据,进行逆地理编码,获取到详细地址。接着在地图上生成点标记,每次点击需要判断是否已有点标记,如有,则清除掉,然后在本次点击的位置重新生成新的点标记。

大概的实现思路就是这样。

完整代码获取:https://github.com/leegoc/myApp.git

 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
[011] 百度地图API之POI搜索
如何做出实用而强大的数据地图?
使用百度地图精准定位经纬度坐标的方法
加油2017:预习提纲
google地图的定位原理
Web 地理定位(Geo-Location)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服