openlayers图层添加遮罩效果

1、需求情景

加载局部地区影像图层后，需要添加注记图层，但获取的注记图层范围较大，想要只显示影响图层范围内的注记。

2、技术栈

利用openlayers插件 ol-ext

3、代码示例

1）安装ol-ext 依赖包

npm install ol-ext

2）引入需要使用的api

3）底图中加入注记图层

4）获取目标区域范围

5）添加遮罩效果

其中，mask图层为可设置周围颜色的遮盖图层，crop 为按照目标json数据裁剪后的范围。

6）实现的效果

4、官网地址

https://github.com/Viglino/ol-ext（访问较慢）