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

cesium 同步多个地图求职学习资料

本文介绍了cesium 同步多个地图求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

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

我们经常需要对多个地图进行联动 分别展示,
对于cesium 的多屏联动 我们用typescript 实现

“`javascript

export class LinkageMap{
private viewers:Array;
private focusIndex=0;
constructor(_viewers:Array){
super();
this.viewers = _viewers;
}
sync(focusIndex=0){
this.focusIndex= focusIndex;
this.viewers[0].scene.postRender.addEventListener(this.syncMapEventHandle, this);
for(let index =0;index {
this.focusIndex = index;
}
}
}
cancelSync(){
this.viewers[0].scene.postRender.removeEventListener(this.syncMapEventHandle, this);
for(let index =0;index<this.viewers.length;index++){
const viewer= this.viewers[index];
viewer.container.onmouseenter = null;
}
}
private syncMapEventHandle(){

我们经常需要对多个地图进行联动 分别展示,
对于cesium 的多屏联动 我们用typescript 实现

“`javascript

export class LinkageMap{
private viewers:Array;
private focusIndex=0;
constructor(_viewers:Array){
super();
this.viewers = _viewers;
}
sync(focusIndex=0){
this.focusIndex= focusIndex;
this.viewers[0].scene.postRender.addEventListener(this.syncMapEventHandle, this);
for(let index =0;index {
this.focusIndex = index;
}
}
}
cancelSync(){
this.viewers[0].scene.postRender.removeEventListener(this.syncMapEventHandle, this);
for(let index =0;index<this.viewers.length;index++){
const viewer= this.viewers[index];
viewer.container.onmouseenter = null;
}
}
private syncMapEventHandle(){

我们经常需要对多个地图进行联动 分别展示,
对于cesium 的多屏联动 我们用typescript 实现

“`javascript

export class LinkageMap{
private viewers:Array;
private focusIndex=0;
constructor(_viewers:Array){
super();
this.viewers = _viewers;
}
sync(focusIndex=0){
this.focusIndex= focusIndex;
this.viewers[0].scene.postRender.addEventListener(this.syncMapEventHandle, this);
for(let index =0;index {
this.focusIndex = index;
}
}
}
cancelSync(){
this.viewers[0].scene.postRender.removeEventListener(this.syncMapEventHandle, this);
for(let index =0;index<this.viewers.length;index++){
const viewer= this.viewers[index];
viewer.container.onmouseenter = null;
}
}
private syncMapEventHandle(){

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

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » cesium 同步多个地图求职学习资料
分享到: 更多 (0)

评论 抢沙发

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

b2b链

联系我们联系我们