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.viewers.length;index++){ const="" viewer="this.viewers[index];" viewer.container.onmouseenter="(event:any)="> {
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(){

posted @   haibalai  阅读(241)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示