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

相关推荐
杨杨杨大侠21 小时前
RAG 到底是怎么工作的?从用户提问到模型回答的完整链路
spring·openai·ai编程
wangruofeng1 天前
把AI判断做成「智能if语句」!Jev实测:一次调用3个判断,置信度直接路由
aigc·agent·ai编程
全栈技术负责人1 天前
让 Agent 动手前先“听懂人话”:意图识别插件的设计与实践
ai·ai编程
桃西西呀1 天前
别被"秒回"骗了:推理模型背后那只"吞金兽",吃的是你看不见的预算
人工智能·llm·ai编程
全栈弄潮儿1 天前
用 AI 快速读懂陌生项目:代码库导览工作流
aigc·openai·ai编程
龙智DevSecOps解决方案1 天前
JFrog供应链流量控制器架构解析:如何通过 SASE 集成阻断 AI 智能体的恶意依赖拉取?
ai编程·devops·jfrog·软件供应链安全
光依旧1 天前
MCP实战手记系列(二):跑通第一个 MCP Server(文末附github源码链接)
java·spring ai·mcp·ai 开发·源码实战
MayBaymax1 天前
Spring AI Alibaba Graph 快速上手:黑板、节点、边
java·spring·ai·ai编程
小马过河R1 天前
开篇|3天从0到1入门AI应用开发
人工智能·语言模型·llm·agent·ai编程·deepagent
zhangfeng11331 天前
昇腾 950PR/950DT 新增regbase 编程方式和MemBase SIMD/SIMT 混合编程模型
人工智能·华为·ai编程·npu·cann