mapbox绘制矩形,圆形,多边形,线条(buffer),不用插件,绘制缓冲区,鼠标拖动绘制

mapbox绘制矩形,圆形,多边形,线条(buffer),不用插件,绘制缓冲区

废话少说,先看效果图:
在这里插入图片描述

功能代码

vue+mapbox,项目搭建还有各种npm就不说了,别忘了npm turf ,这个计算要用,可以算很多东西,建议自己看turf文档。

主要操作就是事件触发改变会flag的值,矩形和圆形在鼠标抬起后结束绘制,缓冲线条双击结束绘制,右键移除绘制的图层。多边形利用draw就可以绘制。其中有一些多余代码是我计算面积的,不要可以剥离。
代码片
代码臃肿冗余还有很大优化空间,博主又菜又懒。


版权声明:本文为weixin_45018320原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。