AI编程(三):Trae+高德MCP Server应用

一、高德平台配置

官网: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 页面

必备内容
行程标题:包含目的地、行程日期、当地天气信息

每日概览:以图标配合简要文字,展示每天的主要活动类型

详细时间表:按时间顺序列出每日安排(时间 / 地点 / 活动 / 备注)

交通信息:包含路线示意、耗时、推荐出行方式,可搭配简易地图

食宿推荐:列出住宿及餐饮点(含地址、营业时间、推荐理由)

实用信息:包括当地紧急联系电话、注意事项、文化贴士等

创建-->立即使用

四、实操应用

制定出行计划

可以与该智能体对话,描述你的目的地和出行时间,智能体会调用高德地图中的信息帮你规划行程

  1. 在 AI 对话中选择想使用的模型。
  2. 输入需求

我计划前往上海游玩二天,麻烦为我定制一份旅行攻略。攻略需包含出行时间、天气参考与详细路线规划,并使用网页地图呈现旅游路线与景点位置;网页采用简约美观的设计风格,景区信息以图片卡片形式展示。

生成结果:

五、优化应用

上面生成页面中,路线图没显示

给出提示词

地图加载没实现,可加入高德api key,引入地图

重新生成程序,并给出如下代码

写入自己的高德api key

相关推荐
小碗细面1 天前
Claude Code 在大型项目中的最佳实践指南
ai编程·claude
全栈人月1 天前
让Codex成为真正的"团队伙伴"
ai编程
k09331 天前
Oh My OpenAgent (OMO) 介绍与使用指南
aigc·ai编程
甲维斯1 天前
掌门日记之Opus4.7测评报告!
ai编程
canonical_entropy1 天前
NOP Chaos Flux 架构演变史:从 AMIS 重写到现代低代码运行时
前端·aigc·ai编程
夜雪闻竹1 天前
Cursor 对话导入:解析 SQLite 里的宝藏
数据库·sqlite·ai编程
ZengLiangYi1 天前
Embedding 模型选型与配置
ai编程
程序员辉哥1 天前
深入 OpenSpec 源码,我发现了控制 AI 行为的三层架构
openai·ai编程·claude
Mr_hwt_1231 天前
Windows安装Claude Code详细教程(含apikey配置)
windows·ai编程·claude code
_大学牲1 天前
从零实现自己的agent第五期:子代理实现
github·agent·ai编程