成峰:AI + 高德MCP:24种设计风格+一键导航,让你的旅行规划美到炸!

成峰:AI + 高德MCP:24种设计风格+一键导航,让你的旅行规划美到炸!

成峰:AI + 高德MCP:24种设计风格+一键导航,让你的旅行规划美到炸! 成峰:AI + 高德MCP:24种设计风格+一键导航,让你的旅行规划美到炸! Modified April 8, 2025 把链接通过微信,发送到手机上,有其他办法也可以 然后我们复制到浏览器打开(微信里面不能跳转 高德地图噢) 点击导航,就可以,会出发“唤起提示” 点击打开就可以啦 如果没有导航成功,直接问责AI,比如 “为什么ios没有打开app呢” 他就会乖乖改啦! 我们重新去 32kw.com ,重新做一个链接,然后发给手机重新试试! 让获得的数据,更真实! 经过一些群友反馈,AI经常会给自己编的数据,而不去看高德地图的数据 我们可以试一下,在命令中加入"只使用高德的信息",这样,AI就不会用自己的信息啦: 相信我,这个方法,我试了很多遍,准确率会高很多! 如果信息有缺失,你可以继续让AI去问高德 比如: Code block SQL Copy 1. 到 ,让高德查一下交通方式 2.让高德查一下,哪里可以吃特色菜 👍这次的更新,是不是很简单,如果你有哪里卡住了,可以来告诉我噢 欢迎联系我询问,可以加 32kw.com 把链接通过微信,发送到手机上,有其他办法也可以 然后我们复制到浏览器打开(微信里面不能跳转 高德地图噢) 点击导航,就可以,会出发“唤起提示” 点击打开就可以啦 如果没有导航成功,直接问责AI,比如 “为什么ios没有打开app呢” 他就会乖乖改啦! 我们重新去 32kw.com ,重新做一个链接,然后发给手机重新试试! 32kw.com 让获得的数据,更真实! 经过一些群友反馈,AI经常会给自己编的数据,而不去看高德地图的数据 我们可以试一下,在命令中加入"只使用高德的信息",这样,AI就不会用自己的信息啦: 相信我,这个方法,我试了很多遍,准确率会高很多! 如果信息有缺失,你可以继续让AI去问高德 比如: 👍这次的更新,是不是很简单,如果你有哪里卡住了,可以来告诉我噢 欢迎联系我询问,可以加 上周,我收到了一位读者的私信:"成峰,你的高德地图MCP教程太实用了!但是能不能多加点设计风格?"这不,我立马加班加点,给大家带来了一个超级重磅的更新! 截止今天,AI + 高德MCP,已经有1000+人进行制作啦!🎉 这个数字真的把我吓到了...😱 还有几十位同学,已经发出了自己的产品,看起来都超级棒!👏 这次更新,我给大家带来了三个超级实用的功能,保证让你眼前一亮!✨ 1. 24种超酷的H5风格,总有一款适合你!就像选衣服一样简单~ 2. 一键导航功能,再也不用复制粘贴地址啦!告别手忙脚乱! 3. 数据更真实,再也不用担心AI瞎编啦!告别"假信息"! 别担心,这些功能10分钟就能全部搞定!是不是超级简单?😊 【上期回顾】在上期文章《AI + 高德MCP旅行规划神器:10分钟搞定完美行程! 》中,我们详细讲解了: AI + 高德MCP旅行规划神器:10分钟搞定完美行程! 1. 获取高德地图的密钥 2. cursor 如何设置 MCP 3. 询问高德MCP ,生成旅游信息 4. 美化页面展示 如果您还没有阅读上一篇文章,可以点击[这里]查看。 这里 设置cursor 新方法 如果在过去,你没有成功设置过 高德MCP,直接试试这个超简单的配置: 把它,粘贴到你的 mcp.json 文件里,记得换一下你的key哦! 用24种超美设计风格怎么用? 1.制定旅行计划 来,我们先试试:"4月5日,我要去苏州一日游,制定一个计划" 看,这就是AI给我们的结果,是不是很专业? 2.保存提示词 新建一个文件名为"提示词.md",把下面的文字粘贴进去,并保存: 3.美化页面 告诉AI,根据提示词,生成内容 然后我们让他打开这个网页 额外说明:如果你会打开,自己打开就好啦! 你看,这就是新的设计风格,是不是超级酷? 4.替换风格 如果你想要换其他风格,在上面的提示词"可选设计风格",替换掉你想要的风格: 比如这里上面选的是 构成主义风格 你可以从下面选一种,替换掉上面你的风格 29种风格 29种风格 选一个风格,替换掉原来的风格说明 就像拼积木一样,这个颜色不喜欢,我换一种颜色 一键导航功能怎么加? 1.输入增加导航功能的口令 """ 增加功能,点击地点能唤起 高德app进行导航,安卓使用安卓的,苹果使用苹果的 """ 然后我们就能看到,他给我们改页面啦 根据文件名称,在左边的文件列表,找到这个文件,全选,复制全部的代码: 2.生成在线页面 由于我们刚刚生成的页面,是在电脑里的,我们在手机打不开,所以我们可以找到一个线上部署网页的工具: 32kw.com 32kw.com 我们打开这个页面 粘贴我们的代码 点击“生成链接” 我们等一会,他会在下面告诉我们“链接已生成” 我们点击复制按钮,就可以获取他的线上链接

在 小宇宙note 阅读完整内容