首页 / OpenLayers / 使用示例
`r`n 范围交互
在地图上拖出一个矩形范围,实时读出它的经纬度边界。
`r`n
源码与运行效果
说明
ol.interaction.Extent 自带一个矩形编辑框,拖拽四角或整框都能调整;
extentchanged 事件给出当前范围,用
ol.proj.transformExtent 转回经纬度即可展示。
初始范围通过构造选项传入,clear() 移除编辑框,
setActive() 控制交互是否响应指针。
| 操作 | 结果 |
|---|---|
| 在地图上按住拖动 | 生成矩形范围,状态栏显示经纬度边界 |
| 拖动矩形四角 | 范围缩放,读数同步更新 |
| 点「清除范围」 | 矩形消失,交互重新待命 |
Extent 交互画出的框不受投影影响,但读出的 extent 是视图坐标;展示给用户前务必转成经纬度,否则数值是米。