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

实现效果：实现过程：1、页面加载时，获取城市定位（pc端只能通过IP定位，安卓和ios可以通过GPS实现具体地址定位）2、定位成功后，通过城市名或者经纬度完成地图初次渲染3、绑定点击事件，根据事件返回的数据，进行逆地理编码，获取到详细地址。接着在地图上生成点标记，每次点击需要判断是否已有点标记，如有，则清除掉，然后在本次点击的位置重新生成新的点标记。大概的实现...

苏喂苏喂苏喂su

4037人浏览 · 2019-08-24 16:08:09

苏喂苏喂苏喂su · 2019-08-24 16:08:09 发布

实现效果：

实现过程：

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

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

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^