经纬志
首页 / deck.gl / 使用示例

多视图联动

左侧散点、右侧网格,共用一份数据,两张视图各自可拖拽缩放。

deck.gl 9.0 · 更新 2026-10-27
源码与运行效果
运行效果

说明

两个 MapView 并排,各自有 id 与位置。 控制器作用于鼠标所在的视图,两边视角互相独立。 同一份数据被两个图层读取,没有复制。

参数作用
views视图数组
view.id视图标识,必须唯一
view.controller按视图单独设置
initialViewState按视图 id 分组

多视图共用一个画布时,鼠标事件按视口坐标分发。 工具提示要带上视图 id,否则会读到另一侧的对象。