分享

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

 看见就非常 2020-05-08

实现效果:

 

实现过程:

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

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

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

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

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

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多