首页 / OpenLayers / 使用示例
WFS 边界框加载
拖动或缩放地图时,矢量源按当前范围请求数据,页面内应答 GeoJSON 并显示水域。
源码与运行效果
说明
官方示例把 WFS GetFeature 地址交给 url 函数;这里改成按范围生成 data:application/json 地址,内容仍是标准 GeoJSON。strategy: bbox 让请求随可视范围变化,format 负责把经纬度坐标投影到 Web 墨卡托。样式只描边和半透明填充,便于叠加在 OSM 底图上。
| 操作 | 结果 |
|---|---|
| 拖动到新的范围 | 矢量源按新 bbox 重新请求,加载对应水面 |
| 缩小到城市级 | 范围变大,一次返回所有水域要素 |
| 查看顶部计数 | 显示当前矢量源里的要素总数 |
bbox 策略每次范围变化都会发请求,服务端要支持边界过滤;范围过大时应限制返回数量,避免一次拉取过多要素。