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

动态数据

定时推进车辆位置并原地更新几何,观察矢量源在数据变化时的渲染行为。

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

说明

数据更新不需要重建图层:拿到要素后调用 feature.getGeometry().setCoordinates(),渲染器会在下一帧自动重绘。 大量要素同时更新时,逐要素触发的变化事件会合并到同一帧。

示例生成 30 辆车,按各自朝向与速度在城区范围内移动,触边后反弹; 暂停按钮只停定时器,不清空数据。

操作结果
观察默认运行车辆持续移动,朝向由箭头符号体现
点「暂停 / 继续」定时器停止或恢复,画面保留当前状态
缩放地图要素坐标不变,只是投影视图变化

更新频率高于屏幕刷新率没有意义,16 ms 一次已经足够;高频更新可先累积再统一调用 source.changed()。

`r`n
`r`n