MapsUI-Kit上新：RoutePlan组件，从地点搜索到路径规划，加速构建您的地图Agent

Maps UI-Kit上新RoutePlan组件从地点搜索到路径规划加速构建您的地图Agent百度地图开放平台| 2026年3月5日 20:03既然能找到终点何不直接规划路线如果搜完地点能直接在我的应用里再加上路线规划就完美了。年前我们首发了Baidu Maps UI-Kit (Places)将3.4亿个地点信息以低代码组件的形式开放。很多开发者反馈“如果搜完地点能直接在我的应用里再加上路线规划就完美了。”今天它来了。Baidu Maps UI-Kit 第二期正式发布 ——RoutePlan路径规划组件开放使用。如果说第一期开放的 Places 是地图的眼睛让你看清世界那么这一期开放的 RoutePlan 就是地图的双脚。至此从搜索地点到规划行程的应用闭环正式打通。你离拥有一个专属的、聪明的地图 Agent只差几行代码的距离。RoutePlan不只是画一条线本次上新的 RoutePlan 组件深度集成了百度地图的路线规划计算能力首批核心能力包括出行方案多方案的驾车出行路线规划。无论是追求最快到达还是避开拥堵算法内核均与百度地图 App 同源。复杂路况感知实时同步路况动态自动计算预计到达时间 (ETA)让你的应用具备上帝视角。核心亮点为什么它是Agent 时代的标配1. 真正的低代码构建 Agent 闭环现在的 AI Agent 不缺大脑缺的是执行工具。通过集成 RoutePlan你的 Agent 在感知到用户意图如我想去最近的咖啡馆后不仅能找到位置还能直接吐出完整的路线UI。2. “Place Route” 组合拳11 2现在你可以将 Places UI-Kit 搜索到的 POI 结果无缝传递给 RoutePlan 组件。用户在你的 App 搜到酒店 - 点击去这里 - 瞬间拉起导航路径。这种丝滑的端到端体验过去需要开发数周现在只需调用两个组件。3. 极致性能与视觉统一我们优化了路径渲染引擎即使在移动端浏览器上也能实现丝滑的缩放与平移。同时视觉风格支持高度自定义确保路线底色、箭头样式与你的产品调性完美契合。真实场景它能为你的产品带来什么本地生活/社交 App用户约定聚会地点后直接在应用内显示完成检索及路线规划仅需要导航时发起导航即可Native感更强。企业内勤/物流管理快速搭建轻量化调度系统一键查看外勤人员的最优配送路径。AI 出行助手配合我们开源的JSAPI Skills你可以用自然语言驱动地图“帮我规划一条从家去公司且不经过施工路段的驾车路线”UI-Kit 会直接呈现结果。快速上手一键升级如果你已经安装过 UI-Kit只需确保版本更新。1. 安装/更新 UI-Kitnpminstallbaidumap/jsapi-ui-kitlatest2. 调用 RoutePlan只需传入起点与终点坐标剩下的交互、渲染、样式全部交给 UI-Kit。3. 让 AI 工具学习新能力如果你正在使用 Claude 或 Cursor 开发别忘了更新 Skills 链接让 AI 助手学会如何为你写出 RoutePlan 代码# 下载官方skillsgitclone https://github.com/baidu-maps/jsapi-skills.gitcdjsapi-skills# 注册或更新软链接ln-sfn$(pwd)/skills/jsapi-ui-kit~/.claude/skills/jsapi-ui-kit文档与支持使用文档 APIhttps://bmap-uikit.bj.bcebos.com/docs/index.htmlAI Skills 项目https://github.com/baidu-maps/jsapi-skills地图应用的开发范式正在被重新定义。欢迎访问百度地图开放平台官网立刻开始构建你的下一代地图 Agent科普百度地图首发Maps UI-Kit一种低代码方式将百度地图地点内容显示在您的地图上它的核心逻辑非常简单将用户最熟悉的百度地图原生交互界面以组件化的形式直接装进到你的产品中。 不再需要为了设计一个 POI 检索详情页去反复打磨 UI也不再需要为了调用几个 API 而写几百行逻辑代码。