Openlayers loads Geoserver layers and range filtering

When Openlayers loads Geoserver layers, in addition to encountering attribute condition query requirements, spatial queries are also often encountered. Here are some range queries.

In fact, it is to use Geoserver's CQL_FILTER to implement the function, that is, to add BOX (EXTENT) conditions.

This article includes range filtering core code, complete code, and online examples.

---

Range filter core code

Geoserver range filtering core code:

// 定义矩形
let geometryFunction = ol.interaction.Draw.createBox(<