粘贴中介发来的租房描述，AI 自动解析定位，在地图上一眼对比所有房源的通勤时间。
纯前端单文件应用，适合快速本地使用、Fork 二次开发。
- AI 一键解析：粘贴任意格式的租房文字，自动提取地址、价格、面积、装修、宠物、车位等结构化信息
- 地图可视化：所有房源标注在高德地图上，支持平移/缩放手势
- 多目的地通勤：配置公司、学校等多个通勤地址，自动计算驾车/公交/步行/骑行耗时
- 晚高峰回程：驾车通勤支持「目的地→家」反向路线 + 实时路况
- 排序筛选：按价格、面积、通勤时间升降序排列；按宠物友好、有车位、星标筛选
- 星标收藏：一键星标心仪房源，支持单独筛选查看
- 编辑 & 删除：随时修改已添加的房源信息
- 纯前端 · 无服务器：所有数据仅存储在本地浏览器 localStorage，零隐私泄露风险
git clone https://github.com/leonfighting-py/RentMap.git
cd RentMap
open index.html # macOS
# 或直接双击 index.html 文件# Python 3
python3 -m http.server 8080
# 然后访问 http://localhost:8080将 index.html 拖到 Netlify Drop，即可获得公开访问链接。
首次使用需在「设置」中填写两个 Key（均免费申请）：
用于地图展示、地址定位、路线规划
- 注册 高德开放平台 账号
- 创建应用 → 添加 Key，选择 Web端 (JS API)
- 获取 JS API Key 和对应的安全密钥
- 在应用的「Key 管理」中，将你的域名（或
localhost）加入白名单
📖 详细申请教程
用于将租房文字自动解析为结构化字段（不配置则需手动填写）
- 访问 Zenmux 注册账号
- 获取免费 API Key
- 本应用使用
google/gemma-3-12b-it模型，费用极低
- 配置 Key：点击右上角 ⚙ 设置，填写高德 Key 和 Zenmux Key
- 设置目的地：在设置中添加公司/学校等通勤目的地
- 添加房源：点击「添加房源」，粘贴中介发来的描述文字，点击「AI 解析并定位」
- 确认信息：检查解析结果，确认后房源自动显示在地图上并计算通勤时间
- 对比筛选：使用排序和筛选功能快速找出最合适的房源
| 技术 | 用途 |
|---|---|
| 原生 HTML/CSS/JS | 无框架，单文件，零构建 |
| 高德地图 JS API 2.0 | 地图、Geocoding、路线规划、POI 搜索 |
| Zenmux API | 调用 LLM 解析租房文字 |
| Tailwind CSS CDN | 样式辅助 |
| localStorage | 本地数据持久化 |
RentMap/
└── index.html # 全部代码（HTML + CSS + JS）约 2100 行
- 数据导出 / 导入（JSON）
- 移动端响应式布局
- 跨设备数据同步（可选后端）
- 房源评分系统
- 房源分享卡片生成
MIT License © 2025 leonfighting-py