VUE调用高德地图之电子围栏

最近项目上电子围栏功能，就是地图上限定的区域内实现限行功能，用我们身边的事物来举例，共享单车的限行、限停区域就是电子围栏。由此可见，电子围栏最基础的做法就是在地图上实现多边形覆盖物。

效果图大概如下：

照例，第一步：加载JS AP。

1.在public/index.html中加入：

2.放置地图极控制功能

3.初始化地图

4.绘制多边形

如果需要一次绘制多个矢量图，可以删除 __this.mouseTool.close()这一行，并在 “结束并保存” 按钮功能里实现。

其余函数功能的实现，参见完整代码：

完整代码可以直接复制使用，注意！！！！需要将高德地图key换成自己申请的key！！
最后，启动项目直接运行 ok了