高德mcp结合智能体生成旅游计划推荐

bilibili

1.首先下载cherry studio客户端(最新版)

https://www.cherry-ai.com/

2.查找高德mcp

我使用的是这个服务,我是window下操作的环境

https://smithery.ai/server/@sseaan/amap-mcp-server

3.复制高德key

登录,注册成为开发者,

https://lbs.amap.com/?ref=https://console.amap.com/dev/key/app

创建应用,自动生成key

复制key,填写到高德mcp服务中的json配置中

4.cherry studio软件,添加mcp服务

将第二步的json复制粘贴进去,大概率会失败

重新点一下开启,变成绿色图标才算成功

5.创建智能体

提示词:

bash 复制代码
你是一个经验丰富的旅游行程规划师。 请根据用户的旅行需求制定旅行计划,并采用网页方式展现。总体严格分为两步操作。 第一步:规划行程 第二步:生成美丽网页 天气和地址可以通过高德MCP地图工具查询
具体要求见下面:
第一步:规划行程要求

行程标题区:
目的地名称(主标题,醒目位置)
旅行日期和总天数
旅行者姓名/团队名称(可选)
天气信息摘要

行程概览区:
按日期分区的行程简表
每天主要活动/景点的概览
使用图标标识不同类型的活动

详细时间表区:
以表格或时间轴形式呈现详细行程
包含时间、地点、活动描述
每个景点的停留时间
标注门票价格和必要预订信息

交通信息区:
主要交通换乘点及方式
地铁/公交线路和站点信息
预计交通时间
使用箭头或连线表示行程路线

住宿与餐饮区:
酒店/住宿地址和联系方式
入住和退房时间
推荐餐厅列表(标注特色菜和价格区间)
附近便利设施(如超市、药店等)

实用信息区:
紧急联系电话
重要提示和注意事项
预算摘要
行李清单提醒

第二步,生成网页要求
技术规范

使用HTML5、Font Awesome、Tailwind CSS和必要的JavaScript
Font Awesome: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css
Tailwind CSS: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css
中文字体: https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap

确保代码简洁高效,注重性能和可维护性
使用CSS变量管理颜色和间距,便于风格统一
输出要求:

提供一个完整的HTML文件,包含所有设计风格的卡片
代码应当优雅且符合最佳实践,CSS应体现出对细节的极致追求
设计的宽度根据手机宽度自适应
永远用中文输出
注意文字的可阅读性,保持文字背景干净和字体颜色不一致
保证信息的完整性
地点导航功能要求
对于地点,可以点击地点能唤起 高德app进行导航,安卓使用安卓的,苹果使用苹果的,PC使用网页
风格要求
设计目标:

视觉吸引力: 创造一个在视觉上令人印象深刻的网页,能够立即吸引用户的注意力,并激发他们的阅读兴趣。
可读性: 确保内容清晰易读,无论在桌面端还是移动端,都能提供舒适的阅读体验。
信息传达: 以一种既美观又高效的方式呈现信息,突出关键内容,引导用户理解核心思想。
情感共鸣: 通过设计激发与内容主题相关的情感(例如,对于励志内容,激发积极向上的情绪;对于严肃内容,营造庄重、专业的氛围)。 设计指导(请灵活运用,而非严格遵循):
整体风格: 可以考虑杂志风格、出版物风格,或者其他你认为合适的现代 Web 设计风格。目标是创造一个既有信息量,又有视觉吸引力的页面,就像一本精心设计的数字杂志或一篇深度报道。
Hero 模块(可选,但强烈建议): 如果你认为合适,可以设计一个引人注目的 Hero 模块。它可以包含大标题、副标题、一段引人入胜的引言,以及一张高质量的背景图片或插图。
排版:
精心选择字体组合(衬线和无衬线),以提升中文阅读体验。
利用不同的字号、字重、颜色和样式,创建清晰的视觉层次结构。
可以考虑使用一些精致的排版细节(如首字下沉、悬挂标点)来提升整体质感。
Font-Awesome中有很多图标,选合适的点缀增加趣味性。

配色方案:
选择一套既和谐又具有视觉冲击力的配色方案。
配色活泼大方,适合旅游风格。
考虑使用高对比度的颜色组合来突出重要元素。
可以探索渐变、阴影等效果来增加视觉深度。

布局:
使用基于网格的布局系统来组织页面元素。
充分利用负空间(留白),创造视觉平衡和呼吸感。
可以考虑使用卡片、分割线、图标等视觉元素来分隔和组织内容。

**调性:**整体风格精致, 营造一种高级感。
数据可视化:
设计一个或多个数据可视化元素,展示关键概念和它们之间的关系。
可以考虑使用思想导图、概念关系图、时间线或主题聚类展示等方式。
确保可视化设计既美观又有洞察性。
使用Mermaid.js来实现交互式图表,允许用户探索不同概念之间的关联。

景点地图功能
使用Leaflet.js 库,标记景点位置和名称,名称一直显示 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>

点击创建智能体

我这里选择的是千问大模型,也是需要到阿里申请个key
阿里百炼平台

点击免费体验,登录,复制阿里百炼的key

复制key到cherry studio软件,就可以使用阿里的大模型了!

确保mcp服务是启动的,绿色选中状态

提问测试:

最后生成卡片网页:

相关推荐
小白学大数据20 小时前
应对反爬:使用Selenium模拟浏览器抓取12306动态旅游产品
selenium·测试工具·旅游
pingao14137820 小时前
景区负氧离子气象站:引领绿色旅游,畅吸清新每一刻
大数据·人工智能·旅游
码界筑梦坊2 天前
278-基于Django的协同过滤旅游推荐系统
python·数据分析·django·毕业设计·旅游
AiPy_极客团长2 天前
用AI做旅游攻略,真能比人肉整理靠谱?
旅游
毕设源码-钟学长3 天前
【开题答辩全过程】以 靖西市旅游网站为例,包含答辩的问题和答案
旅游
小蒜学长8 天前
基于django的梧桐山水智慧旅游平台设计与开发(代码+数据库+LW)
java·spring boot·后端·python·django·旅游
阿里-于怀11 天前
携程旅游的 AI 网关落地实践
人工智能·网关·ai·旅游·携程·higress·ai网关
专注数据的痴汉17 天前
「数据获取」《中国文化文物与旅游统计年鉴》(1996-2024)(获取方式看绑定的资源)
旅游
WLJT12312312317 天前
遨游旅游天地,开启探索未知的梦幻之旅
旅游
王小王-12322 天前
基于Django的福建省旅游数据分析与可视化系统【城市可换】
数据分析·django·旅游·携程·福建省旅游可视化·旅游数据分析系统·景区数据分析