← 返回项目库

武汉市智慧城市可视化平台

面向武汉城市空间运行态势与公共服务检索的中文智慧城市可视化前端。

保留原始 Vue 3 + Vite 前端结构，并补充本地演示数据适配，提供城市运行总览、地物查询、周边 POI、房源样本、路径规划和天气趋势等可操作页面，适合本地部署、功能评估和二次开发。

真实界面

项目截图

共 7 张

城市运行总览
武汉城市三维运行图
地物查询
周边 POI 检索
租房中心
路径规划
武汉天气详情

Capabilities

核心功能

✓城市运行总览与 SVG 空间态势图
✓建筑、园区和公共设施地物查询
✓以建筑为中心的周边 POI 分类检索
✓本地房源样本筛选与地图定位入口
✓建筑之间的本地路线规划与步骤展示
✓武汉当前天气与未来五日趋势预览

适用场景

在本地快速演示城市空间运行和公共服务信息架构
评估建筑查询、POI 检索和路线规划等前端交互
作为 Vue 3 城市可视化项目的二次开发起点

适合谁

需要评估智慧城市可视化、公共服务检索和城市空间信息架构的开发者、产品团队、教学团队与中小企业。

商业化思路

源码研究与二次开发交付；本版本不承诺 SuperMap、高德地图/天气或房源数据服务已连接。

你会拿到什么

  • ✓中文化 Vue 3 + Vite 源码与本地演示数据适配
  • ✓可复现构建记录、七张真实运行界面截图和研究用途权利说明

部署流程

  1. 1安装 Node.js 20.19 及以上与 npm，在源码目录执行 npm ci
  2. 2执行 npm run build 生成 dist，再使用 npm run preview 或静态 Web 服务托管
  3. 3如需接入真实地图、天气或房源数据，按部署环境另行配置兼容服务并完成授权核验

真实验证结果

已通过 7 张 1440×900 真实运行中文界面证据，且通过 HTTP、可见正文、控制台、坏图和横向溢出质量门；独立交互回归 6/6 通过。

部署前须知

当前页面使用本地确定性演示数据，未连接 SuperMap 8090、高德地图/天气或房源后端；租房来源按钮仅保留公开入口。仓库未提供明确许可证文件，商业使用前必须自行完成权利核验。

部署难度

简单

最低配置

Node.js 20.19 及以上、npm 和现代浏览器；生产部署可使用任意静态 Web 服务托管 Vite 构建产物。

开源许可证

上游未声明许可证

最后验证

2026-09-02

技术栈

Vue 3ViteVue RouterPiniaElement PlusFont Awesome

授权说明

仓库未提供 LICENSE、COPYING 或 NOTICE 文件；交付包仅用于学习研究，不代表权利人授予商业使用、再分发或衍生作品许可。版权及其他权利归原作者或相应权利人所有，超出学习研究范围前请自行取得授权。本交付包含中文界面与本地演示适配修改，修改方不主张上游源码权利。

Release notes

版本记录

1 个已发布版本

vcn-73ba6256ee79 当前推荐

完成中文核心界面、本地城市演示数据适配、认证入口修复、外部地图脚本隔离、生产构建配置和可操作功能页整理。

部署要求：Node.js 20.19 及以上、npm 和现代浏览器；真实地图、天气、房源或 SuperMap 服务需由部署方另行配置。

已知问题：本版本的城市、POI、路线、天气和房源结果是本地演示数据，不替代真实业务服务；上游仓库未提供明确许可证文件，需在扩大使用范围前完成权利核验。

登录后领取