哈喽!我昨天用AI+高德地图MCP,10分钟做了份上海一日游攻略,朋友们看到后都疯狂求教程!
他把天气、游玩地点+吃饭地点+交通方式,全都找出来了!
旅游规划这件事,真的太折磨人了!
打开十几个标签,攻略看到怀疑人生
小红书翻4小时,眼花缭乱🥴
现在AI+高德地图MCP,搞定只需10分钟!⚡️
实时地理数据:精确计算距离和最优路线
天气自适应:下雨天?自动调整室内方案!
那我就来讲一下,我是如何做的
我这套流程,大概10分钟,就能生成一套
除了上海一日游规划,我还做了杭州一日游指南
实操教程:四步上手AI旅游规划
不需要技术背景,人人都能使用:
步骤1:获取高德地图 MCP 的使用授权(免费)
打开高德开放平台官网:lbs.amap.com/
通过支付宝,进行登录;
点击以后呢,我们扫码登录
勾选同意,然后点击授权
来到这里,我们首先要注册称为高德地图的开发者,高德开发平台是他们的对外合作平台
我们要输入我们的手机号,进行验证码登录
这时候高德要验证,我们是不是骗子,所有要我们验证自己的身份
我们选择个人支付宝扫码认证
点击了以后呢,看到下图红框的地方了吗,这是个快速认证通道,我们直接点击
因为我们刚刚用支付宝登录了,这里只要再次授权就可以了
为什么要两次授权呢?第一次授权是授权登录,第二次授权是查看我们是不是骗子
根据下面的顺序,点击授权
授权以后,我们填入邮箱进行验证
输入你可以接收验证码的邮箱,获取验证码,然后输入
注册成功啦,我们等待进入控制台
接下来,我们要创建一个应用,高德地图创建应用的目的是,如果我们有很多APP要用,分类型就好管理了
根据下面的1(应用管理)、2(我的应用)、3(创建新应用)步骤,进行点击
应用名称随便填
应用类型,我们选择第一个出行,确认新建
我们点击"添加key",这个相当于门禁卡,我们去访问高德地图的时候,需要通过门禁,才能进去
1:我们名称随便填;2:选择web服务;3:勾选同意;4: 提交
提交了以后呢,我们就会看到这样的key,一定要复制下来
步骤2:设置cursor
打开我们的cursor,按照下图 1(设置)、2(MCP)、3(Add new globle MCP server)
我们会看到,打开 mcp.json 这个文件
我们把下面的代码,粘贴到mcp.json文件里
macos:
perl
{
"mcpServers": {
"amap-maps": {
"command": "npx",
"args": [
"-y",
"@amap/amap-maps-mcp-server"
],
"env": {
"AMAP_MAPS_API_KEY": "这里这里!!!粘贴您在高德官网上申请的key"
}
}
}
}
Windows:
perl
{
"mcpServers": {
"amap-maps": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"@amap/amap-maps-mcp-server"
],
"env": {
"AMAP_MAPS_API_KEY": "这里这里!!!粘贴您在高德官网上申请的key"
}
}
}
}
如果你是Windows用户,且第一次使用MCP,先看从 0 开始,让Windows 也能用上 MCP 副本
⚠️然后替换一下刚才复制的高德地图key
我们关闭这个页面,点击保存
回到之前的MCP设置,这里绿了吗?
绿了就是对啦!
如果没绿 1.点击右边的重启小按钮,在Enabled和铅笔的中间
2.检查一下key和代码对不对
我们要点击MCP上面的 (2)Features
如果没找到,可以重新从1(设置)进来;
找到3(Enable auto-run mode )
一定要"不勾选"MCP tools protection,如果勾选了,每次行动,都要我们点同意
到这里,我们的大部分工作,已经做完啦!还有最后2步!
步骤3:进行对话
开始激动人心的时刻!输入口令
"用高德MCP,做云南一天旅游指南"
AI就开始一步步执行
你看,这就是他给的结果
步骤4:美化页面
接下来,我们让他生成一个旅游指南网站
先复制一下我的提示词
markdown
# 旅行规划表设计提示词
你是一位优秀的平面设计师和前端开发工程师,具有丰富的旅行信息可视化经验,曾为众多知名旅游平台设计过清晰实用的旅行规划表。现在需要为我创建一个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纸上随身携带,帮助用户清晰掌握行程安排。
然后告诉AI,根据提示词,生成内容
这就是结果啦
如果你想要改善自己的要求,可以跟他提更多的要求!
试试这些提示语:
arduino
"我想体验当地特色小吃,越地道越好"
"我带着70岁的父母和5岁的孩子,需要适合全家人的行程"
"我对摄影很感兴趣,希望能去一些适合拍照的地方"
"我预算有限,希望找到性价比高的路线"
想象一下:不再为旅行规划头疼,只需几分钟就获得一份完美的个性化攻略,然后带着它轻松探索世界!
作者:成峰(chengfengchanpin)
公众号:AI产品自由