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

平移要素

点击选中一个区域,按住拖动即可平移整个面;平移结果直接写回要素几何。

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

说明

ol.interaction.Select 负责命中与高亮,ol.interaction.Translate 接收 select.getFeatures() 返回的集合,拖动时修改要素几何。两个交互加入默认交互集合后,双击缩放、滚轮缩放等行为保持不变。

操作结果
点击色块要素被选中并显示选中样式
按住选中要素拖动整个面随指针平移,坐标实时更新
平移结束后查看顶部显示当前要素的经纬度中心

多个要素同时选中时 Translate 会一起移动;限制为单选时,把 Select 的 multi 设为 false。