关于唯杰地图（天地图底图）cad和绘制图形工具api使用（二）

四.关于天地图的地图切换

我这边需求就是一个地图和影像图，其他有需求的话自己可以自行添加

五.地图缩放和监听

因为我这边有相关的需求，需要监听页面地图的缩放大小去修改一下图形，其他的地图监听方法可以看文档，具体请看这个：

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这里的工具相对全面，有需求可以自己研究

然后绘制了之后，回显之后就需要注意绘制的格式了，我在这里也有踩坑，因为文档没怎么看明白

格式的话可以看这个

GeoJSON | 唯杰地图-VJMAP为CAD图WebGIS可视化显示开发提供的一站式解决方案https://vjmap.com/guide/geojson.html#featurecollection

这里的话，我因为还需要显示绘制的图形的名称，所以我这里还有一个获取坐标中心点的方法

这个方法是在网上看到的，很久了，不知道引用哪个哥们的文章了，亲测可用

这个就是纯文本没有标注的标注图形

添加图形之后记得要刷新forceRefresh一下，不然他有时候显示不出来