首页 / OpenLayers / 使用示例
`r`n 动态数据
定时推进车辆位置并原地更新几何,观察矢量源在数据变化时的渲染行为。
`r`n
源码与运行效果
说明
数据更新不需要重建图层:拿到要素后调用
feature.getGeometry().setCoordinates(),渲染器会在下一帧自动重绘。
大量要素同时更新时,逐要素触发的变化事件会合并到同一帧。
示例生成 30 辆车,按各自朝向与速度在城区范围内移动,触边后反弹; 暂停按钮只停定时器,不清空数据。
| 操作 | 结果 |
|---|---|
| 观察默认运行 | 车辆持续移动,朝向由箭头符号体现 |
| 点「暂停 / 继续」 | 定时器停止或恢复,画面保留当前状态 |
| 缩放地图 | 要素坐标不变,只是投影视图变化 |
更新频率高于屏幕刷新率没有意义,16 ms 一次已经足够;高频更新可先累积再统一调用 source.changed()。