四.关于天地图的地图切换
我这边需求就是一个地图和影像图,其他有需求的话自己可以自行添加
五.地图缩放和监听
因为我这边有相关的需求,需要监听页面地图的缩放大小去修改一下图形,其他的地图监听方法可以看文档,具体请看这个:
Map | 唯杰地图-VJMAP为CAD图WebGIS可视化显示开发提供的一站式解决方案https://vjmap.com/guide/map.html#%E4%BA%8B%E4%BB%B6
六.图形绘制工具
创建了一个draw对象,用来存唯杰的绘制工具对象,后面就可以调用draw去进行一些图形绘制工具的操作。
然后设置了三个监听方法,分别是创建create、删除delete和点击selectionchange,我这里给创建事件设置了一个参数create,因为创建图形之后会自动点击高亮图形,就会触发点击事件,所以我设置了一个参数阻止他调用点击事件,避免与点击事件方法冲突
具体请看这个:
图形绘制工具 | 唯杰地图-VJMAP为CAD图WebGIS可视化显示开发提供的一站式解决方案https://vjmap.com/guide/draw.html#%E5%BC%80%E5%A7%8B创建之后就可以开始调用了
我这里用到的是文本标注、多边形和线条这三个工具
首先是文本标注:
多边形和线的话就只需要调用图形绘制工具的api就可以了:
draw.changeMode('draw_polygon') // 多边形
draw.changeMode('draw_line_string') // 线
其他更多的工具可以看这里
vjmap-webclient-javascripthttps://vjmap.com/demo/#/demo/map/draw/02drawCustomToolbar这里的工具相对全面,有需求可以自己研究
然后绘制了之后,回显之后就需要注意绘制的格式了,我在这里也有踩坑,因为文档没怎么看明白
格式的话可以看这个
这里的话,我因为还需要显示绘制的图形的名称,所以我这里还有一个获取坐标中心点的方法
这个方法是在网上看到的,很久了,不知道引用哪个哥们的文章了,亲测可用
这个就是纯文本没有标注的标注图形
添加图形之后记得要刷新forceRefresh一下,不然他有时候显示不出来