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(){
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律