vue结合vue-amap调用高德地图行政区划分

1、到高德地图开放平台申请key
2、npm安装vue-amap
3、在main.js中引入并初始化
在这里插入图片描述
4、页面引用amap(注意这个ref的属性是和后面地图的视图自适应的时候对应的)el-amap-polygon的属性可参考el-amap-polygon属性

5、页面参数
在这里插入图片描述
6、具体方法在这里插入图片描述
在这里插入图片描述
注意:created调用drawBounds时如果不加setTimeout的话会出现类似如下的间歇性报错。原因是因为AMap初始化是个异步过程,在AMap还没初始化完成时就调用了它,所以就不存在了。解决办法也很简单,给使用AMap的方法加个setTimeout延后一点时间调用就可以了

选择里插入图片描述
选择北京市海淀区地图锁展示的效果

猜你喜欢

转载自blog.csdn.net/qq_35084280/article/details/99574745