之前有篇文章https://xiaozhuanlan.com/topic/2978031564是利用 线的坐标做requestAnimationFrame来做动画， 如果是两点一线的话就显示不出动画的场景了，因为之前做法是根据线的点来做，我们这次使用线先做插值 把线打断, 具体类涉及仿照openlayer 一个思路。
首先准备 esri的类
esriClass 封装 参考https://xiaozhuanlan.com/topic/2074863519
-
const [Graphic, GraphicsLayer, Polyline] = await esriClass.load([esriClassName.Graphic, esriClassName.GraphicsLayer, esriClassName.Polyline]);
我们先构建线的时间处理工具类
```javascript
export default class realTimeTrance {
constructor(options) {
this.options = {
view: null,
lineSymbol: null,
layerName: \'gralyer\'
};
this.initialize(options);
}
initialize(options) {
this.setOptions(this, options);
this._map = this.options.view.map;
this._createLayer();
this._LinePoints = [];
}
setOptions(obj, options) {
for (const i in options) {
obj.options[i] = options[i];
}
return obj.options;
}
//设定线样式
setLineSymbol(symbol) {
this.options.lineSymbol = symbol;
}
//创建图层
_createLayer() {
更多参考 https://xiaozhuanlan.com/topic/0382917645