经纬志
首页 / OpenLayers / 使用示例

范围适配

加载业务数据后常要把视野对准数据范围,view.fit() 一步完成居中与缩放,还能留出内边距。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

范围由经纬度转换后取 3857 外包矩形,交给 view.fit(extent, options)。 padding 给四周留白,避免标注贴边被裁掉; duration 让切换带过渡动画。示例同时把目标范围画成虚线矩形, 便于核对适配后是否完整落入视口。

操作结果
点击「适配东城」视野收缩到虚线框范围并留出内边距
点击「适配全城」三个范围同时可见
勾选「加大内边距」范围缩小更多,四周留白变宽

直接给 view.fit 传 4326 范围会缩放到错误位置,先做 transformExtent 再调用。