区块链技术博客
www.b2bchain.cn

arcgis 4 构建插值线性动画 (一)求职学习资料

本文介绍了arcgis 4 构建插值线性动画 (一)求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

之前有篇文章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/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/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() {

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » arcgis 4 构建插值线性动画 (一)求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们