模块 4 · 完整应用能力 · 第 8/8 节
地图与其他连接器
需以当前账户界面为准:可用连接器列表会持续更新,请以项目中的连接器(Connectors)列表为准。
🎯学习目标
- 了解连接器的作用
- 知道地图功能的实现方式
- 会安全配置第三方服务
🧭操作步骤
- 1
连接器是什么
连接器分 App + chat(应用与制作聊天使用)、Chat/MCP(给制作聊天提供工具上下文)、App user(每位应用用户连接自己的账户)。先确认谁使用、谁授权、谁付费;部分 Managed by Lovable 请求走 credits,第三方可能另收费。
- 2
地图
可以用开源地图库显示地图和标记点;如需地址搜索、路线规划等,可接入地图服务商,通常需要对方的密钥。
- 3
配置密钥
需要密钥时,AI 会弹出安全输入框,秘密凭据通过安全入口保存,仅在服务端调用;可公开客户端 key 按服务商规则限制域名和配额。
- 4
测试连接
配置后实际触发一次功能,确认对接成功。
💬可复制提示词
门店地图
在“门店”页面显示地图,标出 5 家门店位置,点击标记显示门店名称、地址和营业时间。手机上地图高度占屏幕一半。
✅ 预期结果
- 地图在电脑和手机上都正常显示
- 第三方服务调用成功
- 密钥没有出现在代码和聊天中
⚠️ 常见错误
- 把密钥粘贴到聊天中
- 选择不支持所在地区的服务
- 没有测试真实调用
📝自检题
1. 第三方服务的密钥应该?
学完了?标记为已完成,记录你的进度。