首页 / OpenLayers / 使用示例
平移要素
点击选中一个区域,按住拖动即可平移整个面;平移结果直接写回要素几何。
源码与运行效果
说明
ol.interaction.Select 负责命中与高亮,ol.interaction.Translate 接收 select.getFeatures() 返回的集合,拖动时修改要素几何。两个交互加入默认交互集合后,双击缩放、滚轮缩放等行为保持不变。
| 操作 | 结果 |
|---|---|
| 点击色块 | 要素被选中并显示选中样式 |
| 按住选中要素拖动 | 整个面随指针平移,坐标实时更新 |
| 平移结束后查看顶部 | 显示当前要素的经纬度中心 |
多个要素同时选中时 Translate 会一起移动;限制为单选时,把 Select 的 multi 设为 false。