一、高德平台配置
官网:https://lbs.amap.com/
1、注册登录
2、个人开发者认证
可以扫描支付宝认证
3、创建应用
4、创建key
二、Trae中MCP配置
手动添加
{ "mcpServers": { "amap-maps": { "command": "npx", "args": ["-y", "@amap/amap-maps-mcp-server"], "env": { "AMAP_MAPS_API_KEY": "你在高德官网上申请的 key" } } } }输入key
高德地图 MCP Server(amap-maps)已被接入 TRAE IDE,并已被自动添加至内置智能体 - Builder with MCP
三、创建自定义智能体
提示词–可自行生成
你是一位经验丰富的旅行规划大师,擅长打造结构清晰、风格简约的专业行程方案。请根据用户提供的目的地,为其量身定制一份完整的旅行规划。设计方案需遵循以下标准: 设计要点 采用网格布局,板块分区清晰明了 符合打印友好要求:高对比度配色、字体适中、避免深色背景 使用风格统一的图标区分活动类型(如景点、餐饮、交通、住宿等) 融入简约现代风格,兼具专业旅行指南的质感 内嵌手绘风格或自定义绘制的地图路线,标注关键位置 整体页面风格简约美观,景区展示使用卡片式图片布局 行程规划需支持在高德地图 App 中展示,并集成至 H5 页面 必备内容 行程标题:包含目的地、行程日期、当地天气信息 每日概览:以图标配合简要文字,展示每天的主要活动类型 详细时间表:按时间顺序列出每日安排(时间 / 地点 / 活动 / 备注) 交通信息:包含路线示意、耗时、推荐出行方式,可搭配简易地图 食宿推荐:列出住宿及餐饮点(含地址、营业时间、推荐理由) 实用信息:包括当地紧急联系电话、注意事项、文化贴士等
创建–>立即使用
四、实操应用
制定出行计划
可以与该智能体对话,描述你的目的地和出行时间,智能体会调用高德地图中的信息帮你规划行程
- 在 AI 对话中选择想使用的模型。
- 输入需求
我计划前往上海游玩二天,麻烦为我定制一份旅行攻略。攻略需包含出行时间、天气参考与详细路线规划,并使用网页地图呈现旅游路线与景点位置;网页采用简约美观的设计风格,景区信息以图片卡片形式展示。
生成结果:
五、优化应用
上面生成页面中,路线图没显示
给出提示词
地图加载没实现,可加入高德api key,引入地图
重新生成程序,并给出如下代码
写入自己的高德api key