1453 个在线示例，打开就能跑

用 createVpViewer 将工程挂载到任意网页容器（入门、挂载、createVpViewer）

直接挂载已在 JavaScript 内存中的完整工程对象（入门、内存工程、工程对象）

用 transformData 加工工程，并在 onReady 中接收运行上下文（入门、挂载选项、onReady、transformData）

从零构造深色工程，并读取当前 SDK 版本（入门、纯代码、最小工程、版本）

通过 VpMountOptions.onBehavior 在挂载时监听行为事件，并由回调显示结果卡片（入门、挂载选项、onBehavior、行为事件、显隐）

通过 VpMountOptions.onScript/onRequest 在 createVpViewer 挂载期接管交互动作，组成完全离线的宿主桥接控制台（入门、挂载选项、宿主桥接、executeScript、requestApi、Mock、离线、确定性）

读取工程、页面和组件信息，并用多种查询方式定位组件（工程生命周期、工程信息、查询）

挂载参数覆盖工程默认值，并订阅后续参数变化（工程生命周期、项目参数、订阅）

复用同一个运行上下文，将已挂载工程替换为新的工程对象（工程生命周期、reload、热替换）

显式 destroy 卸载旧实例，再重新挂载以保持最终画面（工程生命周期、destroy、清理、重新挂载）

动态新增页面、切换激活页，再安全移除旧页面（页面、addScreen、setActiveScreen、removeScreen）

用 onAppear 感知页面被切换为激活状态（页面、onAppear、订阅、入场）

用组件点击句柄在两个页面之间往返导航（页面、多页导航、按钮、事件）

用 VpMountOptions.carousel 驱动三个页面依次入场，并通过 onAppear 记录真实轮播顺序（页面、自动轮播、carousel、onAppear、离线、确定性）

真实使用 project.foregroundScreen/backgroundScreen 叠加两个普通页面，切页后全局 HUD 与驾驶舱背景保持不变（页面、前景层、背景层、多页驾驶舱、HUD、叠层、切页、离线）

页面 fullscreen-mode=fill-uniform，空白由渐变背景延展（页面、全屏、fill-uniform、离线）

主页面节点 sizeModeOverrides 在 MEDIUM/SMALL 覆盖画布尺寸（页面、sizeModeOverrides、设备、离线）

通过上下文和页面句柄创建组件，再按 uid、类型与谓词查询（组件、创建、查询）

读取和修改组件 options、位置、尺寸与旋转（组件、options、几何、位置、尺寸）

用组件句柄控制可见性、启用状态和业务名称（组件、显隐、启用、命名）

向分组面板添加子组件，并沿父、子、页面三个方向寻址（组件、父子树、容器、group-panel）

程序化选择数据项，读取当前值，并监听 option 变化（组件、selection、value、watchOption、订阅）

新增、读取、更新并删除组件二次开发脚本（组件、Extension、脚本、CRUD）

用 screenId、index 与 center:false 精确指定目标页面、图层顺序和初始位置（组件、addWidget、screenId、index、center、布局）

用一张多字段表驱动面积图、双轴图、饼图和柱状图，并通过 setData 同步推送新快照（组件、图表、2x2仪表盘、多字段绑定、setData、实时推数）

用同一个 value-field 同步驱动仪表盘、水球图和环形进度条（组件、单值数据、仪表盘、水球图、进度条、同步推数）

basic-text 字号对齐渐变、content-overflow 滚动日志、value-field 动态标题（组件、文本、basic-text、滚动、value-field、离线）

basic-markdown md-theme 深浅色、overflow、value-field 动态内容（组件、Markdown、basic-markdown、主题、离线）

basic-paragraph 首行缩进、行高、滚动动画、value-field（组件、段落、basic-paragraph、离线）

chart-bar 纵向/横向/圆角粗柱/无分割线，多 metric-fields 系列，点击联动明细表（组件、图表、柱状图、chart-bar、多系列、联动、离线）

chart-line 平滑/折角/面积填充/流光，多系列对比，点击联动（组件、图表、折线图、chart-line、smooth、flow-light、离线）

chart-area 默认面积填充，调节 area-opacity / flow-light / 多系列叠层（组件、图表、面积图、chart-area、离线）

chart-biaxial 左轴柱+右轴线，left-axis-name / right-axis-name，点击联动（组件、图表、双轴图、chart-biaxial、离线）

chart-biaxial-stack 默认 bar-stack，多柱堆叠+右轴线（组件、图表、双轴堆叠、chart-biaxial-stack、离线）

chart-pie 半径/玫瑰/图例/标签，点击扇区联动明细（组件、图表、饼图、chart-pie、rose、离线）

chart-scatter x/y 绑定，bubble-mode 用 size-field 控制点径（组件、图表、散点图、chart-scatter、气泡、离线）

chart-radar radar-shape polygon/circle，多 metric-fields 系列（组件、图表、雷达图、chart-radar、离线）

chart-funnel descending/ascending、label-position、层间距（组件、图表、漏斗图、chart-funnel、离线）

chart-gauge min/max/split-number/指针弧环刻度色，value-field 取首行（组件、图表、仪表盘、chart-gauge、离线）

chart-heatmap x/y/value 矩阵，low-color/high-color 与 visualmap（组件、图表、热力图、chart-heatmap、离线）

chart-treemap name/value/group-field，面包屑与间距（组件、图表、矩形树图、chart-treemap、离线）

chart-sankey 长表 source/target/value，node-width/gap/link-curveness（组件、图表、桑基图、chart-sankey、离线）

chart-graph source/target 网络，repulsion / node-size / 边权重（组件、图表、关系图、chart-graph、离线）

chart-liquid liquid-shape 画廊、波浪渐变与外圈，value-field 取首行（组件、图表、水球图、chart-liquid、形状、离线）

chart-wordcloud cloud-shape / font-min-max / allow-rotate（组件、图表、词云、chart-wordcloud、离线）

chart-capsule 横向胶囊条，capsule-colors / item-height / unit（组件、图表、胶囊图、chart-capsule、离线）

chart-map 内置中国 GeoJSON，region-field 简称映射，visualmap 与 roam（组件、图表、区域地图、chart-map、choropleth、离线）

basic-table 序号/操作/选框列、pagination-height、轮播动画、选中联动（组件、表格、basic-table、操作列、分页、离线）

basic-scroll-board board-fields、carousel single/page、wait-time（组件、轮播表、basic-scroll-board、离线）

basic-ranking-list category/value、sort desc/asc、进度条高度（组件、排名榜、basic-ranking-list、离线）

group-panel 背景边框、嵌套、hover-popup 文字提示（组件、分组面板、group-panel、hover-popup、离线）

data-repeater unitTemplate 按行派生，item-fields 行作用域，点击行出详情（组件、循环容器、data-repeater、unitTemplate、离线）

component-instance 共享 master 快照，props 绑不同字段，overrides 改样式（组件、组合组件、component-instance、母版、离线）

layout-section 多子视图、transition、auto-play、箭头指示点（组件、视图容器、layout-section、离线）

nav-views tabs/symbol/slider 链接 layout-section（组件、视图导航、nav-views、slider、离线）

basic-button 默认/悬停/点击/选中四态，relationship-field 按行判定选中（组件、按钮、basic-button、四态、relationship-field、离线）

basic-switch on/off 文案配色，value-field 静默回填不触发 switchChanged（组件、开关、basic-switch、value-field、离线）

basic-search placeholder/clearable/realtime/show-button，linkage-field 联动列表（组件、搜索、basic-search、离线）

basic-select option-field、clearable、filterable、多选（组件、下拉、basic-select、离线）

basic-pagination page-size / show-total / show-size-changer / count-field（组件、分页器、basic-pagination、离线）

basic-list title/value-field、show-index、value-bar、轮播（组件、列表、basic-list、离线）

basic-progress shape ring/rect/column，burst 条、value-field（组件、进度条、basic-progress、ring、rect、column、离线）

basic-iframe 同源 offline HTML，zoom/sandbox，按钮 changeOption 切换 iframe-link（组件、iframe、basic-iframe、离线）

group-popup is-popup / show-mask / auto-close，按钮 switchPopup toggle（组件、弹窗、group-popup、switchPopup、离线）

group-tabs tab-items、orientation、auto-switch，子面板对齐标签（组件、选项卡、group-tabs、离线）

group-buttons menu-items / menu-field、orientation、行列布局（组件、按钮组、group-buttons、离线）

basic-image fill-style / 亮度对比度，image-field 绑定离线 canvas PNG（组件、图片、basic-image、fill-style、离线）

basic-graphical 15 种 shape、描边渐变、悬停点击态（组件、图形、basic-graphical、shape、离线）

basic-carousel image-field、effect/fit/dots/arrow/autoplay（组件、轮播图、basic-carousel、离线）

basic-video 同源离线 mp4：autoplay+muted、loop、controls、fit，按钮 changeOption 切源（组件、视频、basic-video、离线）

basic-icon 离线 iconify 集合，颜色/旋转/悬停态（组件、图标、basic-icon、离线）

basic-timer time-format / time-zone / show-weekday（组件、时钟、basic-timer、离线）

basic-timing clockwise / anticlockwise，项目启动或自定义起点（组件、计时器、basic-timing、离线）

basic-calendar week-start、选中色、linkage-field 交叉筛选班次表（组件、日历、basic-calendar、linkage-field、离线）

basic-timeselect time-type date/datetime/month/range，linkage-field 筛班次（组件、时间选择、basic-timeselect、离线）

basic-timescale cursor-size/color、scale-color、游标变化事件（组件、时间轴、basic-timescale、离线）

basic-card 千分位/小数/百分比/滚动动画，value-field 取首行（组件、数字卡片、basic-card、KPI、离线）

basic-flipper digit-length / flip-type / 绑定 value（组件、翻牌器、basic-flipper、离线）

deco-border 主辅色、标题、flow-reverse、动画时长（组件、装饰边框、deco-border、离线）

deco-decoration decoration-style d01–d07、镜像与衬字（组件、装饰、deco-decoration、离线）

deco-pipeline pipe/branch、流向 forward/stop/backward（组件、流程管道、deco-pipeline、离线）

layout-row 预置 grid-columns:12，子卡 grid-col-span（组件、布局、layout-row、离线）

layout-column 预置 grid-rows:12（组件、布局、layout-column、离线）

layout-grid 用 grid-tree split 切四宫格（组件、布局、layout-grid、grid-tree、离线）

layout-flow-row fluid wrap + gap，卡片墙放不下换行（组件、布局、layout-flow-row、离线）

layout-fixed-panel 预置 static，内部仍用 position/size 钉死（组件、布局、layout-fixed-panel、离线）

layout-dock 前 5 个子容器依序为左/右/底/顶/中（组件、布局、layout-dock、停靠、驾驶舱、离线）

layout-sidebar 前 2 子容器=侧栏/主区，dock-side 与 side-size（组件、布局、layout-sidebar、离线）

layout-accordion sections / single-expand / default-expanded（组件、布局、layout-accordion、离线）

placeholder 空白对齐块，编辑器里再换成真实图表（组件、布局、placeholder、离线）

device-visible + 节点顶层 sizeModeOverrides，大屏/平板展示不同尺寸（组件、设备、sizeModeOverrides、device-visible、离线）

枚举离线连接、数据表、字段元数据和行数（数据、连接、表、字段、离线）

用 bindField 精确绑定文本，用 addField 自动路由图表字段槽（数据、字段绑定、bindField、addField）

写入组件自有字段与初始行，再用 widget.setData 替换行（数据、私有数据、setData、表格）

用 ctx.setData 更新共享表，并通过 onDataChange 接收变化（数据、setData、onDataChange、实时推数）

刷新可控 mock 连接，确定性重建数据且不访问网络（数据、refreshData、mock、离线、确定性）

固定 seed 推送五帧数据，订阅变化后停在可复现的稳定态（数据、实时推数、Tick、固定种子、onDataChange、稳定态、离线）

两个静态连接各自维护表与组件，分别读写且互不串流（数据、多连接、连接隔离、静态连接、getConnections、getTables、离线）

从组件 getData 取得 reader，稳定演示 getRows 与 getColumns 多种格式（数据、DataReader、getRows、getColumns、列读取、格式转换、离线）

用真实 body.dataRules 与节点顶层 conditionalStyles 响应 setData，在水质正常和浊度超标之间自动切换样式（数据、dataRules、conditionalStyles、setData、条件样式、浊度告警、水质、离线、确定性）

内联纯函数 raise/ack/resolve 生成确定性闭环，驱动告警表、统计卡、等级分布与处置时间线（数据、告警、状态机、raise、ack、resolve、统计卡、等级分布、时间线、离线、确定性）

filter + row-filter-mode 在绑定之后截取行：指定行、行段、直接判断；点表格行切换 data-row（数据、筛选、filter、row-filter-mode、direct-judgment、离线）

饼图发起选中，表格按字段匹配高亮；搜索框对同一张表做交叉筛选（数据、选中传递、交叉筛选、select-sync、cross-filter、离线）

dynamic-prop-fields 的键必须是选项路径的 JSON 字符串，点按钮改不透明度（数据、动态数据项、dynamic-prop-fields、opacity、离线）

组件把自身 text 暴露成 prop-source 连接，点按钮改文案，订阅方跟着变（数据、属性数据源、prop-source、diy-connection、离线）

row-filter-mode=custom-rules，组间 OR、组内 AND，筛出珠三角且销售额≥900（数据、筛选、custom-rules、row-filter-rules、离线）

row-filter-mode=data-rule，row-row-filter-mode-id 指向 dataRules[].uid（数据、筛选、data-rule、dataRules、离线）

select-sync-routing-enabled + whitelist，饼图选中只打到指定表，不广播全页（数据、选中传递、routing、whitelist、离线）

搜索框 cross-filter-routing whitelist 只过滤目标表（数据、交叉筛选、routing、whitelist、离线）

对照 getRows 本地全表，演示 getPagingRows 的服务端分页契约（数据、DataReader、getPagingRows、分页、离线）

select-sync-routing-enabled + blacklist，名单内的表不收选中，其余照收（数据、选中传递、routing、blacklist、离线）

用 on 监听组件内部事件，并用 onClick/click 走统一点击信号（事件、组件事件、点击）

用 select 驱动 onSelect 与 onValueChange，并在表格旁展示回调结果（事件、选择、值订阅、表格）

用 ctx.on 旁路观察交互事件，并用 ctx.emit 广播或定向投递（事件、行为总线、广播、定向）

由执行脚本交互触发真实 ctx.onScript，离线接管命令而不访问后端（事件、宿主桥接、执行脚本、离线）

用 requestApi 交互触发真实 ctx.onRequest，并把离线响应写入柱状图数据源（事件、宿主桥接、请求、Mock、图表）

ctx.on 两种重载并存接收行为事件，并分别验证退订边界（事件、行为观察、全量订阅、命名订阅、退订、ctx.on、离线）

列表 itemClicked 发出行为事件，宿主切页并用 payload 更新目标组件（事件、跨页联动、列表、itemClicked、行为事件、页面切换、组件控制、离线）

真实 requestApi 配置依次命中挂载处理器、后注册处理器与退订后的挂载回落（事件、requestApi、onRequest、LIFO、处理器栈、退订回落、Mock、双结果集、图表、离线）

按钮 click → switchPopup toggle 页面内 group-popup（事件、声明式、switchPopup、弹层、离线）

按钮 click → changeOption 改标题文本（事件、声明式、changeOption、离线）

按钮 click → openView 切 layout-section 到指定序号（事件、声明式、openView、layout-section、离线）

按钮 click → switchState 把卡片切到告警状态（事件、声明式、switchState、多状态、离线）

按钮 click → switchWindow open/close/toggle 工程窗口，对照 switchPopup（事件、声明式、switchWindow、窗口、离线）

运行时 addWindow 创建弹层，并用句柄和 ctx 完成打开、关闭、再打开（窗口、动态创建、开关）

按打开顺序观察 openWindows，重复打开提到栈顶，再用 closeTopWindow 出栈（窗口、窗口栈、层级）

把离线窗口贴到 openerUid 组件，并订阅每次打开的生命周期（窗口、锚定、onOpen、离线）

订阅表格选择，用 getWindow 取得预建窗口、组件句柄填入行详情，再由 openWindow 打开（窗口、表格、选择、预建窗口、组件句柄）

用 buildScreenNode(..., 'window') 纯代码构造完整窗口节点，挂入工程后由 viewer 打开（窗口、节点构建器、buildScreenNode、纯代码）

表格选中填充处置窗口，窗口按钮驱动待整改→整改中→已闭环状态机并重推台账、统计、漏斗与审计轨迹（窗口、隐患治理、状态机、表格选择、按钮、漏斗、统计卡、审计轨迹、setData、离线）

window-instance 把工程 windows 里的画面静态嵌入页面，区别于 switchWindow 弹层（窗口、画面组件、window-instance、嵌入、离线）

先用 parseInboundEvent 归一消息，再由 postMessageEventSource 定向投递到组件（入站、postMessage、解析、定向）

pollingEventSource 立即拉取本地数据，并由 startEventInbound 的 setData 落点刷新图表（入站、轮询、setData、图表、离线）

临时替换浏览器 WebSocket，走真实 websocketEventSource 后关闭并恢复原对象（入站、WebSocket、Mock、全局清理）

用 eventSourceFactory 与 fetchImpl Mock 驱动真实 pocketbaseEventSource 订阅链（入站、PocketBase、SSE、Mock、工厂注入）

离线 polling 工厂依次喂入事件，真实经过 allowNames、dedupBy、minIntervalMs 与 append/limit（入站、白名单、去重、限流、append、limit、离线Mock）

同页 postMessage Mock 经 SDK 工厂进入 startEventInbound，同时 emit 到组件并 setData 到表格（入站、双落点、emit、setData、postMessage、离线Mock）

自定义离线事件源真实经过 startEventInbound，以函数去重并用 setData.script 解包异构 payload 后 prepend/limit（入站、审计流、函数去重、script、prepend、limit、离线确定性）

geographic + basemap blank，用按钮改中心、缩放、俯仰与背景色（地图、map-body、地理、空白底图、相机、离线）

cad-map-mode blank + cad-blank-bounds + grid-display，按钮开关格网（地图、CAD、空白、格网、map-body、离线）

map-body 的 scale/zoom/compass/fullscreen/mouseposition/minimap/draw，按钮切换指南针与鹰眼（地图、内置控件、比例尺、缩放、指南针、鹰眼、绘图、需联网）

perspectives 书签 + flyTo/fitData/fitWhole/setZoom/clearSelection（地图、相机、flyTo、fitData、perspectives、需联网）

map-source-geojson 同时驱动点/线/面，listSources 枚举（地图、GeoJSON、数据源、一源多层、需联网）

getSource.setData/hide/show/refresh 与地图级 setSourceData，全程按钮触发（地图、数据源、setData、refresh、需联网）

map-source-dynamic 的 use-mock + mock-data，按钮 setData 换一批点位（地图、动态源、mock、map-source-dynamic、需联网）

map-source-draw 预填 draw-features，打开绘图控件后可继续画（地图、绘制源、map-source-draw、需联网）

source-publish 生成 __vp_map_<uid> 连接，列表点行 flyTo（地图、源发布、列表、flyTo、需联网）

bind-fields 把台账表 lng/lat 直接驱 map-symbol 与 map-polyline（地图、bind-fields、台账、符号、折线、需联网）

按钮 ctx.setData 改台账，bind-fields 圆点跟着动（地图、入站、setData、bind-fields、需联网）

filter-expr 分流两层，point-color-mode field + stops 按 level 上色（地图、filter-expr、数据驱动样式、四色、需联网）

园区 10 个设施点用 DOM 水滴标记 + 名称标签，深色影像上一眼定位（地图、map-marker、图层、DOM标记、园区、需联网）

WebGL 圆点按 value 取色取半径，circle-blur 做辉光，深色影像上像发光测点（地图、map-circle、图层、WebGL圆点、字段取色、需联网）

符号点 16px + 图标光晕 + 带 halo 的名称，大数据量点位的批量画法（地图、map-symbol、图层、符号点、图标光晕、需联网）

分区名称/数值标注，halo 描边保证深色影像上可读，按钮切名称与数值（地图、map-text、图层、文本标注、halo、需联网）

620 个热点按密度聚合成三档彩色气泡，计数居中，缩放到底展开散点（地图、map-cluster、图层、聚合、密度、需联网）

DOM 标记按网格聚合，260 点合成计数气泡，按钮切网格粒度（地图、map-marker-cluster、图层、聚合、DOM标记、需联网）

WebGL 符号 + 聚合气泡，620 点仍然流畅，气泡带白描边与计数（地图、map-symbol-cluster、图层、聚合、符号点、需联网）

呼吸光圈标记罩住关键设施，双色渐变 + 名称，告警点一眼可见（地图、map-effect-marker、图层、特效标记、呼吸光圈、需联网）

管网干线按负载取色，6px 圆头线 + 暗色外发光衬底，节点带名称（地图、map-polyline、图层、折线、字段取色、管网、需联网）

同一批折点用张力插值成平滑曲线，按钮把张力归零可直接对比折线（地图、map-curve、图层、曲线、张力插值、需联网）

干线上按间距铺静态箭头指示流向，按钮切箭头疏密（地图、map-arrowline、图层、箭头线、流向、需联网）

全国 10 条干线 OD 弧线，线宽按运量取值，按钮在弧线与直线间切换（地图、map-flyline、图层、飞线、OD、全国、需联网）

干线上跑流光虚线，暗色轨道打底，按钮切快慢（地图、map-animate-line、图层、流动线、流光、需联网）

5 个发光圆点沿管网巡游，路径本身留一条暗轨，按钮切点数（地图、map-path-animate、图层、路径动画、巡游、需联网）

4 个箭头符号沿管网移动并自动转向，按钮切符号个数（地图、map-symbol-path-animate、图层、符号动画、巡检、需联网）

管网拉成发光光墙，俯仰 58° 观察，按钮切墙高（地图、map-line-extrusion、图层、立体线、光墙、三维、需联网）

六个园区分区按 value 分色填充，白描边勾边，分区名居中标注（地图、map-polygon、图层、多边形、字段取色、需联网）

同一批分区改走色带聚合填色，六段 ramp 自动分档，右侧图例同源（地图、map-region、图层、区域填色、色带、需联网）

一个图层同时画分区面、道路线和设施点，混合几何一把梭（地图、map-geojson、图层、综合几何、点线面、需联网）

以设施为圆心按负载画真实地理半径的影响圈，按钮切半径系数（地图、map-geocircle、图层、地理圆、影响范围、需联网）

620 个加权热点铺成连续热力面，火焰色带，按钮切色带（地图、map-heatmap、图层、热力图、密度、需联网）

分区按 value 拉成高低不同的发光体块，垂直渐变 + 俯仰 58°（地图、map-fill-extrusion、图层、立体面、三维、体块、需联网）

设施点长成三维柱，高度与颜色都跟 value 走，俯仰 58° 看柱阵（地图、map-bar3d、图层、三维柱、三维、需联网）

分区填充在 18%~72% 之间呼吸，勾边常亮，按钮切呼吸快慢（地图、map-animate-fill、图层、呼吸面、动画、需联网）

分区体块在 0~620 米之间往复生长，垂直渐变 + 俯仰 58°（地图、map-fill-extrusion-animate、图层、生长立体面、三维、动画、需联网）

设施符号持续缩放跳动，带名称标签，按钮切跳动幅度（地图、map-animate-symbol、图层、跳动符号、动画、需联网）

设施点常驻信息窗，标题取名称、正文取负载，配色与大屏统一（地图、map-popup、图层、信息窗、popup、需联网）

每个设施贴一张自定义 HTML 卡片，属性用 ${name} 插值（地图、map-divoverlay、图层、DIV覆盖物、自定义HTML、需联网）

内联 SVG 光环贴到园区中心的经纬度矩形上，随地图一起缩放（地图、map-svgoverlay、图层、SVG覆盖、矢量贴图、需联网）

map-background / map-sky / map-canvas / map-image 四种环境层叠在深色影像上，俯仰 62° 看天际线（地图、map-background、map-sky、map-canvas、map-image、环境层、需联网）

11 种 GPU 点特效在深色影像上按网格铺开，每格带名称标注，按钮切质量档（地图、特效、fx、GPU着色器、预设墙、需联网）

5 种 GPU 线特效逐行铺开，暗色基线打底，按钮切流速与线宽（地图、特效、fx线、flowline、预设墙、需联网）

map-fx-symbol 离屏图标 + shadertoy 点/线/全屏，GLSL 全部内联不打外网（地图、shadertoy、fx-symbol、着色器、需联网）

独立组件 coordinate/scale/zoom/compass，target-map 绑定同一张图（地图、map-control、坐标、比例尺、缩放、指南针、需联网）

map-control-view / overview / measure（地图、map-control、视角、鹰眼、测量、需联网）

map-control-layers / legend / export（地图、map-control、图层管理、图例、导出、需联网）

sys_zp 图纸上挂 cad-layers；底图控件列出高德/OSM/天地图（地图、map-control、底图、CAD图层、sys_zp、需联网）

同一交互里 actions[] + triggerTarget 区分告警/正常层（地图、交互、marker-click、triggerTarget、需联网）

region-click + feature-panel-uid 打开跟随要素的窗口（地图、region-click、feature-panel、窗口、需联网）

contextmenu-items + map-menu-item 分流动作（地图、右键菜单、map-menu-item、需联网）

表格选行 flyTo 开窗；地图 marker-click 回写日志，形成双向联动（地图、表格、选择、flyTo、窗口、地图锚定、marker-click、需联网）

按钮用 mapZoom/mapPanBy/mapResetNorth/mapOrientation/mapLayerVisible/mapSetLayerStyle/mapStop（地图、交互动作、mapZoom、mapPanBy、图层样式、需联网）

高德底图上叠 OSM XYZ，按钮开关 OGC WMS；query/mapcad 结构仍可枚举（地图、WMS、瓦片、OSM、服务图层、需联网）

本地 GeoJSON 构建不规则风险分区、企业点、应急路径与 pulse/fire/halo 告警特效，右侧呈现统计图例、色带控件和事件清单（地图、GIS、风险四色、GeoJSON、企业点、pulse、fire、halo、需联网）

uploaded + mapid sys_zp 打开 vjmap 演示图纸，按钮全图适配 / 切 raster↔vector（地图、sys_zp、CAD、uploaded、需联网）

geographic 下用 mapSwitchBasemap 在高德矢量/影像、OSM、天地图之间切换（地图、basemap、高德、天地图、OSM、需联网）

sys_zp + map-source-query 同时驱动折线/圆点/标记，对照 data 04-CAD一源三层（地图、sys_zp、map-source-query、一源三层、需联网）

CAD sys_hello 底图上 WMS direct 叠 sys_world（地图、叠加、map-wms、需联网）

空白 CAD 上 WMS direct 两图，m1 带四参数偏移（地图、叠加、map-wms、需联网）

空白 CAD 上 direct 叠 hello/world/topo（地图、叠加、map-wms、需联网）

多图同坐标系 direct 叠加（地图、叠加、map-wms、需联网）

ov-mode arrange 宫格，含 sys_zp（地图、叠加、map-wms、需联网）

空白 CAD 上 WMTS union 自动对齐（地图、叠加、map-wmts、需联网）

sys_world 底图 + union 叠加 hello/topo（地图、叠加、map-wmts、需联网）

先有底图且坐标系不变（地图、叠加、map-wmts、需联网）

天地图底图 + WMS param 公共点（地图、叠加、map-wms、需联网）

高德影像 + WMS auto 多 CAD（地图、叠加、map-wms、需联网）

sys_zp 为底，高德路网四参数 ov-as-base + clip-zoom 8（地图、叠加、map-wms、需联网）

天地图底图 + sys_zp 公共点 param（地图、叠加、map-wms、需联网）

天地图 + 两张 sys_zp param（地图、叠加、map-wms、需联网）

对照 data 14，WMS auto sys_cad2000（地图、叠加、map-wms、需联网）

天地图 + param 叠 sys_webwms，预览点击选实体（地图、叠加、map-wms、点选、需联网）

sys_zp 上独立放置测量/坐标/导出/鹰眼/视角控件，对照地图控件示例 06（地图、map-control、测量、导出、sys_zp、需联网）

补 mapSwitchBasemap / mapSwitchMap / mapSourceVisible / mapRefreshData / mapFitWhole（地图、mapSwitchBasemap、mapSwitchMap、mapSourceVisible、mapRefreshData、需联网）

map-ready / map-hover / map-dblclick / map-view-change / map-source-loaded 写回状态栏（地图、map-ready、map-hover、map-dblclick、map-view-change、map-source-loaded、需联网）

line-width-mode/point-radius-mode = zoom，滚轮放大线变粗、点变大（地图、数据驱动样式、zoom、需联网）

map-marker marker-embed-source=window，每个点克隆窗口卡片并绑定本行字段（地图、map-marker、嵌入窗口、需联网）

句柄 raw 逃生舱拿到引擎 Map / vjmapModule，用原生 SDK 加点、听点击、easeTo（地图、逃生舱、vjmap、Map、原生SDK、离线）

用 setPoint/setPoints 驱动泵、液位与管线，并演示 getPoint/clearPoints（SCADA、测点、setPoint、setPoints、clearPoints）

通过 listNodes/listLinks 读取真实图元和连线清单（SCADA、拓扑、listNodes、listLinks）

用真实 VpScadaHandle 订阅 node/link/blank，并程序化触发底层播放态命中（SCADA、事件、点击、订阅、清理）

按钮点击改变设备状态，再由 setPoints 驱动泵与两段管线（SCADA、控制闭环、按钮、事件、setPoints、离线）

双回路工艺链 + 标题栏/状态牌，setPoints 驱动设备、仪表与流动管线反馈（SCADA、工业图元、schema、图元画廊、流动管线、setPoints、离线）

确定性泄漏使气体逐拍升高，达到高高限后自动关阀停泵、冻结 interlocked 并弹出应急窗（SCADA、泄漏联锁、高高限、状态机、趋势、状态轨迹、应急窗口、setPoints、离线）

混凝土地坪铺满 + 行业设备图按比例就位 + 测点驱动液位/泵态/管流（SCADA、2.5D、等轴测、图片图元、depth-sort、测点长表、离线）

fx-sun/cloud/rain/snow/lightning/fog 与火焰蒸汽烟雾气泡火花，全部离线 CSS 粒子（SCADA、天气、粒子、fx-rain、fx-fire、离线）

给排水工艺链与 HVAC 冷机/AHU/风阀，测点长表驱动液位、开度与流动（SCADA、水务、暖通、HVAC、曝气、冷机、测点长表、离线）

测点线性映射到几何，并按值切换动画与管线流速（SCADA、值驱动、旋转、移动、缩放、显隐、流速、离线）

单线图母线/互感器与光伏风机储能充电桩，测点驱动状态与流动（SCADA、电力、新能源、母线、光伏、风机、储能、离线）

11 种阀串在一条干管上，测点驱动开关色，立体管道按值流动（SCADA、阀、管阀、电动阀、流动、测点、离线）

管段/弯头/三通/四通/异径/法兰全部串进立体管道，弯头走真实端口（SCADA、管件、弯头、三通、法兰、立体管道、离线）

泵-过滤-换热-冷却-锅炉工艺链，仅泵/风机/汽轮机叶轮按值旋转（SCADA、泵、风机、换热器、锅炉、测点、离线）

立罐/球罐/卧罐/料仓/搅拌/水箱/料斗 overlay 液位，罐间有管（SCADA、容器、液位、球罐、料仓、料斗、liquid-wave、离线）

仪表盘/探头传感器/温度计/液位柱/数码管/声光挂在罐管旁（SCADA、仪表、温度计、液位柱、压力传感器、离线）

进线-变压-变频-发电机-控制柜-负荷回路，蓄电池电量分档（SCADA、电气、变压器、变频器、发电机、控制柜、离线）

铁塔-断路器-主变-母线，t1/t2/t3 分别下挂隔离 CT、PT 避雷、电能表负荷（SCADA、电力、单线图、母线、互感器、离线）

光伏/风机经逆变器并网，储能、充电桩、燃料电池成网（SCADA、新能源、光伏、风机、储能、充电桩、离线）

采油树-旋风-精馏-储罐，抽油机摆动、火炬火焰随测点（SCADA、油气、抽油机、火炬、采油树、离线）

格栅-絮凝-配水-曝气-沉淀-紫外，旁路加药/污泥泵/深井/集水坑（SCADA、水处理、曝气、沉淀、污泥泵、配水井、离线）

冷机-表冷-AHU-风阀-风管-盘管闭环，风阀开度按值旋转（SCADA、暖通、HVAC、AHU、风阀、离线）

火焰/烟雾/蒸汽/火花/气泡覆盖锅炉烟囱储罐电机，停机粒子隐藏（SCADA、粒子、火焰、蒸汽、火花、离线）

晴/雨随运行态切换，云雾雪电铺在厂站天空带上（SCADA、天气、雨雪、雾、闪电、离线）

混凝土地坪铺满 + 行业设备图 + 管架/传送带 + depth-sort（SCADA、2.5D、等轴测、厂房、图片图元、depth-sort、离线）

混凝土地坪铺满 + 货架/AGV/机床/货车园区 + 测点驱动走位与 SOC（SCADA、2.5D、物流、AGV、货架、图片图元、离线）

六条并联支路对比 flow/beads/dot/arrow/waterdrop/pulse（SCADA、连线、flow-style、流动、pulse、离线）

line-style=pipe 同心分层管径，弯头节点圆与法兰，waypoints 折弯（SCADA、立体管道、pipe-joints、离线）

marker 符号沿线行进：箭头/水滴/齿轮/火焰/电流/自定义 path，一条 keep-upright（SCADA、路径动画、marker、svg-path、离线）

fill-by-value 三段色 + height-by-value 把测点映射为高度（SCADA、fill-by-value、height-by-value、阈值、离线）

风阀/风机叶轮按测点线性映射转速与角度（SCADA、旋转、rotate-by-value、anim-speed、离线）

混凝土地坪铺满 + AGV 沿道路走位 / 声光缩放 / 盖板显隐（SCADA、移动、缩放、显隐、iso-agv、图片图元、离线）

连线 flow-by-value，测点同时改流动开关与速度（SCADA、流速、flow-by-value、flow-rules、离线）

同一批图元展示五种材质；按钮切换五套画板主题（SCADA、主题、材质、ground-shadow、离线）

混凝土地坪铺满；平面图元投到地面/左右墙，罐与管架参与遮挡（SCADA、iso-plane、depth-sort、2.5D、图片图元、离线）

svg-path 用 path d 与 svg-els 多元件符号，避免 xmlns（SCADA、svg-path、自定义符号、svg-els、离线）

一次/二次回路 + 管壳换 + 电动阀/深井泵/集水坑/仪表墙，对照官方换热站 2.0（SCADA、换热站、管壳换热器、密布局、离线）

按钮 click / 开关 switchChanged / 图元 scada-node-click → scadaWritePoint，不再被 setPoints 覆盖（SCADA、声明式、scadaWritePoint、开关、图元点击、离线）

8 种标注钉在混凝土地坪厂区，告警闪烁与状态色（SCADA、标注、地图钉、告警、人数、图片图元、离线）

title-bar/panel-frame/side-trim/bottom-trim/status-pill 包一层小工艺（SCADA、装饰、标题栏、面板、状态牌、离线）

矩形/圆/椭圆/菱形/三角做分区底与状态色块（SCADA、通用、矩形、菱形、状态色、离线）

line/polyline/curve 三路由 + 自由端坐标 + 反向流 + 虚线（SCADA、连线、router、curve、自由端、反向流、离线）

故障抖动/急闪/光晕/波纹/摆动/呼吸同屏，按值切换（SCADA、动画、shake、flash、glow、ripple、sway、离线）

shape:image + image-by-value / image-rules，泵阀两态切图（SCADA、图片图元、image-by-value、image-rules、离线）

sprite-enabled 播放风机，按钮 scadaSetOption 指定停止帧（SCADA、精灵图、sprite、scadaSetOption、离线）

scada-link-click 声明式动作 + listLinks / onLinkClick（SCADA、连线、scada-link-click、listLinks、离线）

用 scene-3d 内置基础图元搭建储罐、厂房和流动管线（三维、工业场景、pieces、离线、VpWidgetHandle）

用 setData 驱动设备状态，再通过通用句柄目标执行 focus 行为（三维、测点、状态规则、行为事件、聚焦）

viewer 挂载后用 ctx.addWidget 与内置 pieces 创建离线 scene-3d（三维、运行时构造、addWidget、pieces、location.origin、service-mock、离线）

内置离线 particle、beam、flyline 与 effects 围绕储罐、厂房、转机和流动管道组成工业遥测场景（三维、particle、beam、flyline、effects、工业图元、location.origin、service-mock、离线）

label / marker / fxmarker / board / text / sprites，测点长表驱动数值与状态色（三维、label、marker、board、sprites、测点、离线）

zone / wall / radar / heatmap 用测点换色，热力点为本地多行文本（三维、zone、wall、radar、heatmap、测点、离线）

trail / pipenet / line 用静态路径搭拓扑，测点控制流动与换色（三维、trail、pipenet、line、管网、离线）

buildings / extrude / instances 零模型铺城市体块与阵列（三维、buildings、extrude、instances、城市体块、离线）

chart2d / ledtext / html 真三维贴片，chart2d 可由测点 JSON 刷新（三维、chart2d、ledtext、html、看板贴片、离线）

orbit 巡航、视角书签与右下角 minimap，全程离线 WebGL（三维、相机、巡航、书签、小地图、scene3d-view、离线）

四套程序化天空、线性/指数雾、scene3dClip 步进剖切，全部写在初始 options（三维、scene3d-scene、天空、雾、剖切、离线）

orbit 巡航、入场飞入、小地图写在初始相机 options；按钮切 walk / 关巡航（三维、相机、orbit、minimap、walk、离线）

三枚 scene3d-view 书签，侧栏按钮 scene3dFlyTo 真飞，点建筑也可聚焦（三维、scene3d-view、书签、离线）

ambient/directional/point/spot/hemisphere + 主光 lensflare 写在初始 options（三维、灯光、lensflare、离线）

bloom / 悬停描边 / SSAO / 电影色调全部写在初始后期 options（三维、后期、bloom、ssao、描边、离线）

pixelate / outline-click 写在初始 options；glitch 与引擎辉光卷积互斥，按钮可试开（三维、后期、pixelate、outline、离线）

fire/smoke/rain/snow/firework/text 拉开空间，火堆配暖点光（三维、粒子、fire、smoke、firework、离线）

box/sphere/cylinder/cone/capsule/plane/torus/helicoid/sphube 同屏自转（三维、形状、几何、helicoid、sphube、离线）

全息/玻璃/流光/镜面地板 + Shadertoy 八预设抽检（三维、材质、hologram、shadertoy、reflector、离线）

path-points 循环巡线，按钮 scene3dPathControl 播放/暂停/复位（三维、路径动画、spin、pulse、离线）

L 形/六边形/星台拉伸 + 棱线发光与流光（三维、scene3d-extrude、离线）

bld-data 多栋一次绘制，底顶渐变+发光棱线（三维、scene3d-buildings、离线）

干管/回水反向/蒸汽/盘管四路 + flow-rules 四态（三维、scene3d-pipe、离线）

circle/arch/rect 三断面 + 节点球 + 流动箭头（三维、scene3d-pipenet、离线）

四路汇聚 + 一条反向回程，脉冲与拱高不同（三维、scene3d-flyline、离线）

常显边界 / 生长导览 / 跑马环带三动画（三维、scene3d-line、离线）

两条疏散箭头流动路线，告警变红加速（三维、scene3d-trail、离线）

闭合电子围栏流光扫动，告警红闪（三维、scene3d-wall、离线）

三台不同半径转速扇区，空情告警变红（三维、scene3d-radar、离线）

2d 贴地与 3d 起伏同数据对照（三维、scene3d-heatmap、离线）

圆柱/方罐液柱升降，高低位换色闪烁（三维、scene3d-tank、离线）

L 形/矩形/抬高平台责任面，告警红闪（三维、scene3d-zone、离线）

Instanced 点云量程三段色，JSON 整批刷新（三维、scene3d-points、离线）

横向跑马 + 纵向滚屏，测点上屏换色（三维、scene3d-ledtext、离线）

CSS2D 值标签入场弹跳，单位与告警色（三维、scene3d-label、离线）

真三维中文标题 + 门楣固定字 + 描边辉光（三维、scene3d-text、离线）

beacon/ring/pin 三样式 + 入场坠落（三维、scene3d-marker、离线）

五色 POI 光柱涟漪与顶菱形（三维、scene3d-beam、离线）

多指标行 + 行状态色（三维、scene3d-board、离线）

内联 HTML 铭牌，无外链，可被遮挡（三维、scene3d-html、离线）

批量精灵点 + 第 4 段标签（三维、scene3d-sprites、离线）

长宽高斜四向尺寸线（三维、scene3d-ruler、离线）

引擎成品光圈六样式同屏（三维、scene3d-fxmarker、离线）

canvas PNG 条带：脉冲涟漪 / 雷达扫描 / 旋转扇叶，零素材离线（三维、spriteanim、序列帧、canvas、离线）

grid 机柜阵 + ring 圆环灯柱，悬停高亮（三维、scene3d-instances、离线）

bar/pie/donut 真三维贴片，数据刷新生长动画（三维、scene3d-chart2d、离线）

开敞拱形巷道内定位针精灵沿廊行走，测点 JSON 差分平滑移动（三维、人员、sprite、定位、离线）

三块监控屏留空 URL，展示无信号占位与发光边框（三维、scene3d-video、监控、离线）

本地 explode-boxes.gltf 多部件，scene3dExplode / scene3dSubStyle（三维、scene3d-model、爆炸、离线）

scene3d-lottie 默认关闭且 URL 留空，避免引擎插件服务 404；旁边用着色器立牌代替动效（三维、scene3d-lottie、结构壳、离线）

scene3dFlyTo / Focus / Popup / Highlight / SetVisible / 右键，对照 09-map 动作分册（三维、动作、scene3dFlyTo、scene3dPopup、scene3dHighlight、离线）

scene3dClip / Tween / PathControl / SetOption / WritePoint / Snapshot（三维、动作、scene3dClip、scene3dTween、scene3dPathControl、离线）

tilemap/tiles3d/cadwall/carflow 默认关闭且 URL 留空；旁边用楼块光柱做出离线城市场（三维、tilemap、tiles3d、cadwall、carflow、结构壳、离线）

点按钮往已挂载的 scene-3d 里 addPiece 加罐、removePiece 删管（三维、运行时、addPiece、removePiece、液位罐、管道、离线）

句柄 raw 逃生舱拿到引擎 App / engineModule / threeModule，用原生 SDK 加自转球（三维、逃生舱、vjmap3d、App、three、原生SDK、离线）

registerWidgetType 组合 VpWidget 模型、字段取数与响应式 render 组件（自定义组件、Vue、render API、字段绑定、响应式）

registerWidgetLoader 在首次 addWidget 时解析并缓存 Vue 运行组件（自定义组件、异步加载、Vue、render API、按需加载）

展示生命周期代码，并通过句柄 add/update/remove/get 管理脚本（Extension、生命周期、CRUD、脚本、清理）

通过 VpMountOptions.widgets 注入内联 Vue module，再于运行时 addWidget（自定义组件、挂载期注入、VpMountOptions、Vue、module、addWidget、离线）

通过 VpMountOptions.widgets 注入内联 Vue 组件，静态绑定可能性/严重度并在 setData 后重算聚合格、图例与台账（自定义组件、VpMountOptions、Vue、风险矩阵、5×5、字段绑定、setData、台账、离线）

用 buildPieceNode/buildWidgetNode/buildScreenNode 生成可挂载的工程树（进阶、节点构建器、工程树、SCADA）

组合 mergeProjectParams/buildProjectInit/VpProject/startConnectionRuntime 并挂载 viewer（进阶、工程参数、连接运行时、postMessage、资源清理）

谨慎对照 ctx 高层门面与 project 的稳定声明方法（进阶、VpProject、逃生舱、高层门面、项目参数、窗口、离线）

用 buildPieceNode/buildWidgetNode 真实构造 map-body、四个 GeoJSON source 与六个 layer，再交给 createVpViewer 渲染并由地图句柄核验（进阶、Builder、Piece树、地图、GeoJSON、POI、区域、路径、离线）

实时 KPI、负荷与能效趋势、设备排名、告警详情窗口及区域/主题参数联动（综合应用、低碳能源、实时推数、图表、设备排名、告警窗口、参数联动）

SCADA 全流程工艺、泵阀控制闭环、确定性液位流量模拟、实时趋势与联锁状态（综合应用、智慧水务、SCADA、泵阀控制、确定性模拟、实时趋势、联锁）

离线 GeoJSON 一张图、内置图元三维场景、企业档案窗口与地图/三维跨场景定位（综合应用、智慧园区、数字孪生、离线GeoJSON、2D地图、3D场景、跨页联动、企业档案）

离线园区地图与罐区组态联动、告警分级升级、处置窗口及可复现应急演练状态机（综合应用、化工安全、应急指挥、告警升级、离线地图、SCADA、处置窗口、状态机）

sys_zp 真实 CAD 底图、查询源高亮管线、设备点按状态分层特效、图层/测量/鹰眼/导出、KPI 与点行定位开窗（综合应用、CAD图纸、sys_zp、查询源、分层特效、地图控件、实时推数、需联网）

高德影像底图、干线/场站/热力/飞线/脉冲、列表 flyTo 与告警窗口（综合应用、互联网地图、高德、管网一张图、热力、飞线、需联网）

高德影像为底，WMS 自动叠加 sys_cad2000、公共点叠加 sys_zp，侧栏切换透明度（综合应用、互联网地图、CAD叠加、WMS、sys_cad2000、sys_zp、需联网）

离线内置图元：拉伸体厂房、管网、围栏雷达、热力、LED、AGV 与测点告警演练（综合应用、三维场景、智慧工厂、离线、测点驱动、告警演练）

sys_tube 图纸生成拱形巷道、sprite 人员演示行走、轨迹回放与最近出口（综合应用、三维场景、CAD巷道、人员定位、sys_tube、需联网）

OSM 瓦片底图铺北京城区，光柱/看板/飞线/点云叠加，按钮切换高德影像与路网（综合应用、三维场景、瓦片地图、互联网地图、OSM、高德、需联网）