Lovable 中文学习中心

模块 4 · 完整应用能力 · 第 8/8 节

地图与其他连接器

最后核对日期:(官方资料)

账户入口、权限与可用范围未逐项实测,需以当前账户界面为准。

需以当前账户界面为准:可用连接器列表会持续更新,请以项目中的连接器(Connectors)列表为准。

🎯学习目标

  • 了解连接器的作用
  • 知道地图功能的实现方式
  • 会安全配置第三方服务

🧭操作步骤

  1. 1

    连接器是什么

    连接器分 App + chat(应用与制作聊天使用)、Chat/MCP(给制作聊天提供工具上下文)、App user(每位应用用户连接自己的账户)。先确认谁使用、谁授权、谁付费;部分 Managed by Lovable 请求走 credits,第三方可能另收费。

  2. 2

    地图

    可以用开源地图库显示地图和标记点;如需地址搜索、路线规划等,可接入地图服务商,通常需要对方的密钥。

  3. 3

    配置密钥

    需要密钥时,AI 会弹出安全输入框,秘密凭据通过安全入口保存,仅在服务端调用;可公开客户端 key 按服务商规则限制域名和配额。

  4. 4

    测试连接

    配置后实际触发一次功能,确认对接成功。

💬可复制提示词

门店地图
在“门店”页面显示地图,标出 5 家门店位置,点击标记显示门店名称、地址和营业时间。手机上地图高度占屏幕一半。

✅ 预期结果

  • 地图在电脑和手机上都正常显示
  • 第三方服务调用成功
  • 密钥没有出现在代码和聊天中

⚠️ 常见错误

  • 把密钥粘贴到聊天中
  • 选择不支持所在地区的服务
  • 没有测试真实调用

📝自检题

1. 第三方服务的密钥应该?

学完了?标记为已完成,记录你的进度。