首页 / OpenLayers / 使用示例
范围适配
加载业务数据后常要把视野对准数据范围,view.fit() 一步完成居中与缩放,还能留出内边距。
源码与运行效果
说明
范围由经纬度转换后取 3857 外包矩形,交给 view.fit(extent, options)。
padding 给四周留白,避免标注贴边被裁掉;
duration 让切换带过渡动画。示例同时把目标范围画成虚线矩形,
便于核对适配后是否完整落入视口。
| 操作 | 结果 |
|---|---|
| 点击「适配东城」 | 视野收缩到虚线框范围并留出内边距 |
| 点击「适配全城」 | 三个范围同时可见 |
| 勾选「加大内边距」 | 范围缩小更多,四周留白变宽 |
直接给 view.fit 传 4326 范围会缩放到错误位置,先做 transformExtent 再调用。