遇到要添加缓冲区的需求时,由于官方文档的方法不太合适,所以记录一下自己的实现过程,也是从别处抄抄改改的,勿喷
直接贴代码
先展示一下最终展示的效果,添加了两个缓冲区图层,一个是5米的,红色线表示,一个是50米的,黄色线表示
实现过程:
①:需要先 npm install @turf/turf;然后在页面里引入turf和openlayers里需要用到的类
②:由于我是在geoserver上发布的栅格图层,然后在geoserver里面选择你发布的那个图层,然后选wfs-geojson,获取到那个图层的geojson地址
这上面只展示了5米缓冲区的图层,就是那个data.smallBufferLayer 大的缓冲区图层的设置方法和这个一样
标签:geojson,添加,geoserver,缓冲区,turf,图层 From: https://www.cnblogs.com/wangmengqi/p/17086841.html