AI + 高德MCP：10分钟搞定一份旅行攻略！

他把天气、游玩地点+吃饭地点+交通方式，全都找出来了！

旅游规划这件事，真的太折磨人了！

打开十几个标签，攻略看到怀疑人生

小红书翻4小时，眼花缭乱🥴

现在AI+高德地图MCP，搞定只需10分钟！⚡️

实时地理数据：精确计算距离和最优路线

天气自适应：下雨天？自动调整室内方案！

那我就来讲一下，我是如何做的
 

步骤1：获取高德地图 MCP 的使用授权（免费）

打开高德开放平台官网：https://lbs.amap.com/

说明：我们要注册成为高德地图的开发者，高德开发平台是他们的对外合作平台

创建应用->生成key
 

步骤2：配置mcp

目前可用的ai编程软件基本都有这个功能，本次教程使用的是CodeBuddy，推荐使用其他的软件配置好模型即可使用，
下载使用的时候点击对话框的配置mcp按钮

点击手动配置，将这个粘贴进mcp.json
{ "mcpServers": { "amap-maps": { "command": "npx", "args": [ "-y", "@amap/amap-maps-mcp-server" ], "env": { "AMAP_MAPS_API_KEY": "这里这里！！！粘贴您在高德官网上申请的key" } } }}
然后把刚才创建的key替换进去。
保存后他自动就会开始配置了。当出来了amap-maps上面是绿色的就配置成功啦！

步骤3：进行对话

# 旅行规划表设计提示词你是一位优秀的平面设计师和前端开发工程师，具有丰富的旅行信息可视化经验，曾为众多知名旅游平台设计过清晰实用的旅行规划表。现在需要为我创建一个A4纸张大小的旅行规划表，适合打印出来随身携带使用。请使用HTML、CSS和JavaScript代码实现以下要求：## 基本要求**尺寸与基础结构** - 严格符合A4纸尺寸（210mm×297mm），比例为1:1.414 - 适合打印的设计，预留适当的打印边距（建议上下左右各10mm） - 采用单页设计，所有重要信息必须在一页内完整呈现 - 信息分区清晰，使用网格布局确保整洁有序 - 打印友好的配色方案，避免过深的背景色和过小的字体**技术实现** - 使用打印友好的CSS设计 - 提供专用的打印按钮，优化打印样式 - 使用高对比度的配色方案，确保打印后清晰可读 - 可选择性地添加虚线辅助剪裁线 - 使用Google Fonts或其他CDN加载适合的现代字体 - 引用Font Awesome提供图标支持**专业设计技巧** - 使用图标和颜色编码区分不同类型的活动（景点、餐饮、交通等） - 为景点和活动设计简洁的时间轴或表格布局 - 使用简明的图示代替冗长文字描述 - 为重要信息添加视觉强调（如框线、加粗、不同颜色等） - 在设计中融入城市地标元素作为装饰，增强辨识度## 设计风格- **实用为主的旅行工具风格**：以清晰的信息呈现为首要目标- **专业旅行指南风格**：参考Lonely Planet等专业旅游指南的排版和布局- **信息图表风格**：将复杂行程转化为直观的图表和时间轴- **简约现代设计**：干净的线条、充分的留白和清晰的层次结构- **整洁的表格布局**：使用表格组织景点、活动和时间信息- **地图元素整合**：在合适位置添加简化的路线或位置示意图- **打印友好的灰度设计**：即使黑白打印也能保持良好的可读性和美观## 内容区块1. **行程标题区**： - 目的地名称（主标题，醒目位置） - 旅行日期和总天数 - 旅行者姓名/团队名称（可选） - 天气信息摘要2. **行程概览区**： - 按日期分区的行程简表 - 每天主要活动/景点的概览 - 使用图标标识不同类型的活动3. **详细时间表区**： - 以表格或时间轴形式呈现详细行程 - 包含时间、地点、活动描述 - 每个景点的停留时间 - 标注门票价格和必要预订信息4. **交通信息区**： - 主要交通换乘点及方式 - 地铁/公交线路和站点信息 - 预计交通时间 - 使用箭头或连线表示行程路线5. **住宿与餐饮区**： - 酒店/住宿地址和联系方式 - 入住和退房时间 - 推荐餐厅列表（标注特色菜和价格区间） - 附近便利设施（如超市、药店等）6. **实用信息区**： - 紧急联系电话 - 重要提示和注意事项 - 预算摘要 - 行李清单提醒## 示例内容（基于上海一日游）**目的地**：上海一日游**日期**：2025年3月30日（星期日）**天气**：阴，13°C/7°C，东风1-3级**时间表**：| 时间 | 活动 | 地点 | 详情 ||------|------|------|------|| 09:00-11:00 | 游览豫园 | 福佑路168号 | 门票：40元 || 11:00-12:30 | 城隍庙午餐 | 城隍庙商圈 | 推荐：南翔小笼包 || 13:30-15:00 | 参观东方明珠 | 世纪大道1号 | 门票：80元起 || 15:30-17:30 | 漫步陆家嘴 | 陆家嘴金融区 | 免费活动 || 18:30-21:00 | 迪士尼小镇或黄浦江夜游 | 详见备注 | 夜游票：120元 |**交通路线**：- 豫园→东方明珠：乘坐地铁14号线（豫园站→陆家嘴站），步行10分钟，约25分钟- 东方明珠→迪士尼：地铁2号线→16号线→11号线，约50分钟**实用提示**：- 下载"上海地铁"APP查询路线- 携带雨伞，天气多变- 避开东方明珠12:00-14:00高峰期- 提前充值交通卡或准备移动支付- 城隍庙游客较多，注意保管随身物品**重要电话**：- 旅游咨询：021-12301- 紧急求助：110（警察）/120（急救）请创建一个既美观又实用的旅行规划表，适合打印在A4纸上随身携带，帮助用户清晰掌握行程安排。

新建一个空白文件，命名为：旅游网站提示词.md

复制一下我的提示词，粘贴到文件里，
在对话框中引用这个文件然后
@/travel.md 这是提示词，用高德mcp给我生成昆明一日旅游指南，并生成网页。

然后他就会自动调用然后生成指南和网页了。

如果感觉不符合提示词中的部分，直接将提示词全部复制到对话框里然后说修改这个html。即可完成。