江南水务城乡供水三维模型
HTML + PWA发布版。三维场景以公开资料建立关系模型,设施位置、管线几何和六个DMA分区均为示意;未接实时数据与水力求解。
安装到电脑或手机
- 首次使用联网打开部署后的HTTPS网址,等待顶部显示“离线已就绪”。
- 电脑Chrome、Edge以及支持安装的Android浏览器:使用页面安装按钮或浏览器安装菜单。
- iPhone、iPad:使用Safari分享菜单,选择“添加到主屏幕”。
- 之后可从桌面图标进入;断网时模型和本地材料仍可读取。外部考据链接需要联网。
浏览器可能不显示自动安装按钮,安装帮助始终可用。清除站点数据、无痕模式或系统回收存储后,需要重新联网准备离线包。
Cloudflare Pages发布
- 进入Cloudflare控制台的Workers & Pages,创建Pages项目,选择Direct Upload / 拖放文件。
- 上传交付中的jnsw-water-3d-pages.zip,或解压后上传其中的静态文件目录。该ZIP根目录就是index.html,不含多余外层文件夹。
- 项目名称可使用jnsw-water-3d,按实际可用名称确认后发布。
- 打开分配的HTTPS网址,检查模型、安装、离线访问与外部来源链接。
使用预构建文件,无需框架、构建命令、环境变量、数据库或API密钥。当前ZIP不等于已发布网站。Direct Upload项目后续要改成Git自动部署时需新建Git项目。
更新与回退
上传完整的新版本;已打开的旧版会继续使用自己的缓存。页面出现更新按钮后,点击更新并刷新。更新会重置当前临时视图与DMA试算输入。网络不完整或文件版本校验失败时保留旧离线包。
回退应重新上传完整旧包;联网重新打开并检查更新,确认新旧版本切换后再测试断网。
离线范围与工程边界
| 内容 | 当前能力 |
|---|---|
| 3D交互与历史时间轴 | 可本地运行;需要浏览器WebGL支持 |
| GLB、数据与来源索引 | 随离线包保存 |
| 公开资料原文 | 通过外部链接查看,需联网 |
| GIS、DMA与水力 | 仍待真实台账、边界阀表、泵曲线和实测校准 |
“离线已就绪”表示本版本文件已缓存,不表示工程验收通过。当前六个DMA是样板,故障场景只检查示意连接,不计算实际保障能力。
发布后验收
- 模型可见、旋转缩放正常,历史节点与设施档案可切换。
- 出现“离线已就绪”后关闭网络,再从安装图标进入;历史、DMA试算与GLB下载可用。
- 重新联网发布新版本,确认提示更新、更新后离线可用。
- 分别检查电脑、Android与iOS;安装方式由浏览器能力决定。
资料基准:2024年公开规划;考据日期:2026-09-28。PWA缓存与包结构有自动化检查;本交付未替代真机安装及浏览器渲染验收。