vue结合vue-amap调用高德地图行政区划分并添加标记点

**1、到高德地图开放平台申请key
2、npm安装vue-amap

3、在main.js中引入并初始化**

4、页面引用amap

5.添加默认数据

6.获取函数

7.调用

8.效果图

9.开始准备添加标记点

10.添加标记点的函数

13.自定义弹出框的样式，我是仿照高德地图的demo做的，可以自己根据需求改动！

14.接下来就是在规定行政区中添加标记点的结果图了

传送门，图片自己随便找两张替换一下

如果还是有问题的话就在index.html中CDN一下，替换成自己的key

<script src="https://webapi.amap.com/maps?v=1.4.15&key=5866f26**************be652&plugin=AMap.DistrictSearch"></script>
```javascript