最近项目上电子围栏功能,就是地图上限定的区域内实现限行功能,用我们身边的事物来举例,共享单车的限行、限停区域就是电子围栏。由此可见,电子围栏最基础的做法就是在地图上实现多边形覆盖物。
效果图大概如下:
照例,第一步:加载JS AP。
1.在public/index.html中加入:
<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&callback=init"></script>
2.放置地图极控制功能
3.初始化地图
4.绘制多边形
如果需要一次绘制多个矢量图,可以删除 __this.mouseTool.close