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