【AI 编程】AI+ 高德 MCP 不到 10 分钟搞定上海三日游

让小白们不仅能学到技术，还能通过技术变现

1.AI 编程有什么用？

一句话总结：不是专业程序员的小白也能通过 AI 工具做出网站、小程序、APP，可以利用 AI 来实现各种想法，也可以变现

2.准备工作

AI 编程工具准备，以下推荐小白用 Trae

• Cursor，需要访问外网的能力，下载地址：https://cursor.com/

• Trae，国内的 AI 编程工具，下载地址：https://www.trae.cn/

• 获取高德 MCP，地址：https://mcp.so/explore?q=%E9%AB%98%E5%BE%B7

3.获取高德地图开发者权限

我们需要调高德地图 MCP 的功能，就需要准备一个账号，下面的注册过程：

（1）注册高德开发者账号

地址：https://lbs.amap.com/

右上角点击注册，然后认证方式选择个人开发者，最后实名认证等待审核通过就行

（2）创建应用

登录完成后，我们点击右上角的控制台，进入应用管理-我的应用 界面，然后点击右上角的创建应用

输入应用名称、应用类型之后，我们点击新建添加；

接下来点击右边的添加 Key 按钮，然后输入 key 的名称，服务平台选择 Web 服务

点击提交后就可以得到一个 key，这里我们保存下来，后面 AI 编程会用到

4. 配置 Trae 的地图能力

这一步我用 Trae 做功能演示，Cursor 也是一样的原理，把高德地图 MCP 服务配置到 AI 编程工具工具里

Trae 的配置入口在右上角设置按钮- MCP- 手动添加，把下面的 json 配置加进去，注意替换api_key为我们在上一步获取的高德地图的 key

{  "mcpServers": {    "amap-maps": {      "command": "npx",      "args": [        "-y",        "@amap/amap-maps-mcp-server"      ],      "env": {        "AMAP_MAPS_API_KEY": "api_key"      }    }  }}

确认配置无误后，现在 Trae 已经具备了调用高德地图的能力了，可以查路线规划，交通状况等等

5.一句话指令生成旅游攻略

用高德 MCP，生成上海三日游的旅游攻略

这里选择模型时，我用的 Claude3.7，然后 Trae 就会自行调用高德 API 查询所有需要的信息，大概几分钟就生成完成了

6.锦上添花——生成打印页面

上面旅游攻略虽然出来了，但是看着不太美观，我想让它生成 A4 纸大小的页面，方便打印出来拿着看，虽然现在手机看也很方便，还是一句话指令：

帮我设计一个 4A 纸大小的旅游攻略表，要求看着美观简约，可打印出来看

接着 Trae 就会按照要求开始生成代码，最后看看效果：

7.小结

以上的过程我只用了不到 10 分钟就完成了，如果是以前编程开发的话，预估也需要一天才能做出上面的页面出来

今天的文章只是用一个例子入门 AI 编程，后续会更新网站开发，小程序开发，以及 AI 编程变现的方法。记得给我点个关注哦~