# 灵山智慧导览系统 (Lingshan Guide)
基于 Vue 3 + TypeScript + Vite 构建的灵山景区数字化导览平台,整合景点展示、AI 智能问答、数字人交互、地图导航、路线规划与后台管理,为游客提供沉浸式的景区游览体验。
***
## 技术栈
- **前端框架**:Vue 3 + Composition API + ``
- **开发语言**:TypeScript
- **构建工具**:Vite 5
- **样式方案**:Tailwind CSS + SCSS 变量
- **状态管理**:Pinia
- **路由管理**:Vue Router 4
- **动画效果**:GSAP
- **地图引擎**:MapLibre GL + PMTiles
- **图标库**:Lucide Vue Next
***
## 核心功能
### 1. 景区首页导览
- 灵山景区品牌展示与视觉氛围营造
- 核心景点入口快速导航
- 景区公告与推荐内容展示
### 2. 景点展示 (Spots)
- 景点列表浏览,支持分类筛选
- 景点详情页:图文介绍、历史背景、游览建议
- 缩略图与高清大图切换查看
### 3. AI 智能导游 (AI Guide)
- 集成 AI 智能助手"小灵",支持自然语言问答
- 对接后端大模型服务,提供景区相关知识问答
- 支持语音/文字多种交互方式
### 4. 3D 数字人交互 (Digital Human)
- 基于 VRM 模型的 3D 数字人"小灵"
- 可在页面中以悬浮窗或全屏弹窗形式展示
- 支持语音对话、表情动画与口型同步
### 5. 地图导览 (Map)
- 基于 MapLibre + PMTiles 的景区手绘/实景地图
- 景点位置标注与点击查看
- 地图瓦
点击空白处退出提示













评论