掘金 人工智能 22小时前
【AI编程】AI+高德MCP不到10分钟搞定上海三日游
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文旨在引导非专业程序员通过AI编程工具快速搭建网站、小程序和APP,实现创意并探索变现途径。文章推荐了Trae和Cursor等AI编程工具,并详细介绍了如何获取高德地图开发者权限,配置Trae以调用高德地图MCP服务。通过一句话指令生成上海三日游攻略,并进一步美化为A4纸大小的打印页面,展示了AI编程的便捷性。整个过程仅需10分钟,凸显了AI编程的高效性,并预告了后续的网站开发、小程序开发及变现方法。

🗺️ 准备工作:推荐使用Trae或Cursor等AI编程工具。Trae是国内的AI编程工具,Cursor则需要访问外网。

🔑 获取高德地图开发者权限:注册高德开发者账号并完成个人开发者认证。创建应用时,需要添加Key,服务平台选择Web服务,并将生成的Key保存。

⚙️ 配置Trae的地图能力:在Trae的设置中手动添加高德地图MCP服务配置,替换API Key。配置完成后,Trae具备调用高德地图的能力,可用于路线规划、交通状况查询等。

💡 一句话指令生成旅游攻略:使用高德MCP,通过简单的指令即可生成旅游攻略。例如,使用Claude3.7模型生成上海三日游攻略。

📄 锦上添花——生成打印页面:通过指令,Trae可以生成A4纸大小的旅游攻略页面,方便打印和阅读。

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

1.AI编程有什么用?

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

2.准备工作

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

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

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

(1)注册高德开发者账号

地址: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编程变现的方法。记得给我点个关注哦~

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

AI编程 Trae 高德地图 变现 MCP
相关文章