3D 演示 Demo · 浏览器里直接看

不是效果图,是真实跑在浏览器里的三维场景。下面三个 Demo 可直接预览(3D 演示支持点右上角「全屏」按钮全屏浏览)。

提示:三维 Demo 需联网加载地图引擎与公开地图数据;在 shuyanzhitu.cn 域名为天地图原版底图,其他环境会自动降级到智图 GeoQ / Esri 兜底,均不影响演示。
如果访问 Demo 出现花屏、卡顿、黑屏、地图裂块 —— 这恰恰是我们能解决的典型问题。国产显卡 + 浏览器驱动组合下这类现象极常见,我们的服务就是把它修到流畅。
运行说明

Demo 运行环境 & 支持清单

看懂这段,能少走 90% 的弯路:Demo 跑不起来,多半不是 Demo 的问题,是环境没对齐。

① 运行环境要求

  • 图形接口:浏览器需支持 WebGL / WebGL2(现代浏览器默认开启)。
  • 网络:首次加载需联网拉取 Cesium / Leaflet 引擎与公开地图瓦片(约数 MB)。
  • 操作系统:Windows / 统信 UOS / 麒麟 / 中标麒麟 / 方德 / macOS 均可。
  • 硬件加速:浏览器「硬件加速」需开启,否则三维会卡成幻灯片。

② 支持的国产浏览器

360 安全浏览器(信创版/极速模式) 红莲花安全浏览器 奇安信可信浏览器(政企版) 统信 UOS 浏览器 银河麒麟浏览器 中标麒麟安全浏览器 飞腾/兆芯平台 Chromium 系 Chrome / Edge / Firefox(开发演示)

③ 重点适配的国产显卡

景嘉微 JM7200 / JM9100 / JM9230 摩尔线程 MTT S10 / S30 / S80 / S3000 格兰菲 Glenfly(Arise 系列) 芯动科技 风华系列 壁仞 BR100 系列(计算卡) 寒武纪 / 昇腾 Atlas(AI 推理)

⚠ 老驱动 + 国产显卡组合下出现花屏 / 卡顿 / 黑屏 / 裂块,正是我们「GPU 故障修复」要解决的典型场景。

看不了在线 Demo 也不用急:部分客户网络差、或浏览器不支持 WebGL,打不开上面的实时演示。 下方我们准备了静态样例截图 + 效果录屏,所有人都能直观看到效果;需要可交互版本,点「预约诊断」我们单独发你。
实时预览

三个 Demo · 浏览器内直接体验

下方为可交互实时版(需支持 WebGL 的浏览器 + 联网)。iframe 已做懒加载,不占用首屏。

① 园区三维"一张图"(Cesium 3D)

Cesium · WebGL

建筑 / 管网 / 态势分层叠加的园区可视化:北京行政区划拉伸 + 示范点位标注,真实三维地球引擎渲染。

② 应急态势大屏(Dashboard)

Leaflet · 实时态势

应急资源、事件热力、视频融合可视化大屏:KPI 指标卡 + 实时事件列表 + 地图态势,1920×1080 可跑网页大屏。

③ 国产 GPU 兼容性测试报告

交付物样例

GPU 故障修复的交付物模板:显卡 × 浏览器 × 现象 × 结论矩阵 + 建议配置,可作为验收与软著素材。

想要贴合你场景的 Demo?

告诉我们主题(园区 / 应急 / 能源)与要的图层,我们出一份可演示的定制样例。

预约免费诊断