添加缓冲区

遇到要添加缓冲区的需求时,由于官方文档的方法不太合适,所以记录一下自己的实现过程,也是从别处抄抄改改的，勿喷

直接贴代码

先展示一下最终展示的效果，添加了两个缓冲区图层，一个是5米的，红色线表示，一个是50米的，黄色线表示

 

 实现过程：

①：需要先 npm install @turf/turf；然后在页面里引入turf和openlayers里需要用到的类

 

 ②：由于我是在geoserver上发布的栅格图层，然后在geoserver里面选择你发布的那个图层，然后选wfs-geojson,获取到那个图层的geojson地址

 

 

 

 这上面只展示了5米缓冲区的图层，就是那个data.smallBufferLayer  大的缓冲区图层的设置方法和这个一样