Vibe Coding-陕西省景区可视化

项目介绍

🛠️使用工具

• AI编程工具使用 Trae 国际版

• 大模型使用 Gemini-3.1-Pro-Preview

📊数据预处理

• 景区名称、级别评定时间等信息从陕西省文化和旅游厅获取

• 景区经纬度使用 requests 库调用百度地理编码 API 获取

• 使用 pandas 库读取和处理excel表格

• 景区展示图使用博观文旅大模型生成

🎨前端展示

• HTML5 / CSS3：原生编写，无需构建工具，双击文件可用

• JavaScript (ES6+)：原生 JS，处理 DOM 操作与筛选逻辑等

• ECharts.js (v5.x)：核心可视化库，结合陕西省的 GeoJSON 文件绘制省市轮廓和散点

📂项目结构

D:\Scenic-Spots-in-Shaanxi-Province\├── data_process/                # 数据预处理模块│   ├── process_data.py          # Python 数据处理核心脚本│   ├── 陕西省5A和4A级别景区.xlsx  # 原始数据源│   └── requirements.txt         # Python 依赖清单├── web/                         # 前端展示模块│   ├── index.html               # 页面主入口│   ├── css/│   │   └── style.css            # 页面样式，包括地图容器、侧边栏、动效等│   ├── js/│   │   ├── app.js               # 核心业务逻辑 (地图初始化、事件绑定)│   │   ├── data.js              # Python生成的静态数据文件 (挂载 window.SCENIC_DATA)│   │   ├── echarts.min.js       # ECharts 库文件 (本地化，支持完全离线)│   │   └── shaanxi.json         # 陕西省 GeoJSON 边界数据│   └── images/                  # 景区展示图片存放目录└── .trae/    └── documents/               # 存放 PRD、Design 等规划文档

💡提示词

📝生成需求文档

我现在有一份陕西省5A和4A级景区的xlsx文件 大约有200个景区 文件属性包括序号、景区名称、所在地市、等级、评定时间我想做一个网页应用，通过陕西省的地图展示这些景区。我的初步想法是：1. 陕西省地图一定要简约、炫酷2. 陕西省地图支持缩放查看3. 每个景区在地图上使用小圆点和景区名称标注，鼠标放在景区名称上面可以显示景区的简介和图片4. 支持分类查询，如按照级别分类、按照是否为自然风光分类等等首先无尽地审问我的想法。不要假设任何问题。问问题直到没有假设剩下。再帮我把这个想法整理成一份适合 AI 编程工具使用的项目需求说明，要求尽量写得清晰、具体、容易执行。

🏗️生成基础框架

请根据 PRD.md、DESIGN.md 和 AGENTS.md 的要求，先完成项目初始化和基础框架搭建。先不要直接开始修改，请先说明：1. 你准备创建哪些目录和文件2. 为什么这样组织结构3. 需要安装哪些依赖4. 如何保证当前阶段项目可启动确认思路后，再开始执行。本轮只做：1. 安装必要依赖2. 创建基础目录结构3. 配置开发环境4. 创建基础页面和路由框架5. 保证项目能够正常启动注意：- 当前阶段只搭基础框架，不实现完整业务功能- 不要扩展无关模块完成后请：1. 说明创建或修改了哪些文件2. 展示当前项目目录结构3. 说明项目如何启动4. 更新 TASKS.md，记录本轮已完成内容和下一步建议

📚参考资料

1. PRD.md 结构示例

- 产品概述- 目标用户- 核心功能列表- 功能优先级- 技术栈建议- 代码风格和架构模式- 限制条件和边界场景

2. DESIGN.md 结构示例

- 技术栈- 项目结构- 模块设计- 接口设计- 数据模型- 状态管理- 关键流程- 异常处理

3. AGENTS.md 结构示例

- 项目说明- 命令说明- 编码约束- 范围边界- 测试要求- 交付格式