vue引用高德地图电子围栏功能

type="info"
icon="ios--"
:=""
@click=""
【vue引用高德地图电子围栏功能】绘制围栏
type=""
icon="md--"

文章插图
@click=""
>保存围栏
>重新绘制
问题点:
1.当处理删除时,接口调用全删了,但是界面只清除掉一个围栏图层,init重新调用获取数据接口,也清不掉
2.要按照每个围栏去记录编辑和删除的结果,必定调用接口,但是绘制渲染围栏时,返回结果只有经纬度,并无法携带标识ID
解决:

文章插图
1.在init()获取数据,渲染地图图层的时候调用map.()方法清掉所有图层
2.进入编辑模式时,单击围栏编辑,单个围栏数据对应收集操作,避免所有围栏同时进入编辑模式
原因:1.每次初始化数据时,都会再在地图上渲染一遍图层,而且每删除或编辑新增一个电子围栏的时候,都会初始化一个图层,所以一个电子围栏可能覆盖了很多图层,但是删除围栏的时候只是删掉了一个最新的图层,然后初始化之后就又会覆盖一层,所以初始化渲染围栏时要先把旧的图层清掉
2.当电子围栏进入编辑模式时,只携带了path经纬度,
所以返回的时候自然不会有Id,所以只能设置右键菜单,单个围栏进入编辑状态,以便调用接口处理编辑逻辑