# roadtrip

**Repository Path**: coderbob20/roadtrip

## Basic Information

- **Project Name**: roadtrip
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-11
- **Last Updated**: 2026-06-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# roadtrip-miniapp · 自驾游路线规划小程序

## 项目结构

```
roadtrip-miniapp/
├── app.js                    # 全局入口，用户位置/目的地缓存
├── app.json                  # 页面路由 + 位置权限声明
├── app.wxss                  # 全局样式（卡片/按钮等复用组件）
├── project.config.json        # 微信开发者工具配置（替换 appid）
├── sitemap.json
├── pages/
│   ├── index/                # 首页：定位+输入终点+开始规划
│   │   ├── index.js          # getLocation → reverseGeocode → 跳转
│   │   ├── index.wxml
│   │   └── index.wxss
│   ├── route/                # 路线页：途经区县卡片列表
│   │   ├── route.js          # Demo模式模拟路线（可切腾讯地图API）
│   │   ├── route.wxml
│   │   └── route.wxss
│   └── county/               # 区县详情：人文/历史/美食三Tab
│       ├── county.js
│       ├── county.wxml
│       └── county.wxss
├── utils/
│   └── map.js                # 腾讯地图API封装（逆地理编码+路线规划）
└── data/
    └── counties.js           # Demo数据库：6条预设路线+7个区县详情
```

## 核心功能

1. 首页 — 自动获取当前位置，支持手动输入终点或地图选点，保存最近路线历史
2. 路线展示 — 显示路线概览（距离/时间/途经区县数），区县卡片列表含编号+标签+简介
3. 区县详情 — 三Tab切换：人文风情 / 历史沿革 / 美食特产

## Demo 预设路线

| 终点 | 途经区县数 |
|------|-----------|
| 成都 | 绵竹→什邡→彭州→郫都 |
| 重庆 | 合川→北碚→渝北 |
| 西安 | 汉台→勉县→宁强→利州→剑阁 |
| 昆明 | 西昌→仁和→楚雄 |
| 武汉 | 荆州→仙桃→孝南 |
| 长沙 | 岳阳楼→汨罗→望城 |

## 你需要准备的

1. 注册微信小程序 → mp.weixin.qq.com → 拿到 AppID
2. 替换 AppID → 修改 project.config.json 中的 appid 字段
3. 申请腾讯地图 Key（可选，用于生产环境）→ lbs.qq.com
4. 微信开发者工具 → 导入项目，编译预览
5. ICP 备案 → 正式上架前必须完成

## 从 Demo 到生产

- data/counties.js → 替换为 CMS/数据库，扩充区县数据
- utils/map.js → 填入腾讯地图 Key，启用真实路线规划
- 路线规划逻辑 → 在 route.js 中注释 getMockRoute，启用 drivingDirection
- 途中区县识别 → 接入逆地理编码对沿途坐标点识别行政区划