`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

范围交互

在地图上拖出一个矩形范围,实时读出它的经纬度边界。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

ol.interaction.Extent 自带一个矩形编辑框,拖拽四角或整框都能调整; extentchanged 事件给出当前范围,用 ol.proj.transformExtent 转回经纬度即可展示。

初始范围通过构造选项传入,clear() 移除编辑框, setActive() 控制交互是否响应指针。

操作结果
在地图上按住拖动生成矩形范围,状态栏显示经纬度边界
拖动矩形四角范围缩放,读数同步更新
点「清除范围」矩形消失,交互重新待命

Extent 交互画出的框不受投影影响,但读出的 extent 是视图坐标;展示给用户前务必转成经纬度,否则数值是米。

`r`n
`r`n