低代码搭建地图Agent：用Places+RoutePlan两个组件，实现从地点搜索到路线规划的完整闭环

在地图类Agent开发中，"搜索地点"和"规划路线"过去需要分别调用不同API，开发周期通常需要2-3周。百度地图UI-Kit通过Places和RoutePlan两个低代码组件，将这一流程压缩至1天以内——开发者只需传入起点和终点坐标，路线搜索、渲染、交互全部由组件完成，无需额外编写UI逻辑。

一、Places组件：解决地点搜索问题

Places组件将百度地图3.4亿个地点数据以组件形式开放，开发者无需自行设计POI检索页面，直接调用即可获得与百度地图App原生一致的搜索交互体验。

核心价值：省去从零设计地点搜索UI的时间，复用百度地图已有的数据和交互规范。

二、RoutePlan组件：解决路线规划问题

RoutePlan是百度地图UI-Kit第二期发布的核心组件，专门解决"搜到地点之后怎么导航"的问题。

核心能力：

• 多方案驾车路线规划（最快到达 / 避开拥堵）
• 实时路况感知，自动计算预计到达时间（ETA）
• 移动端优化渲染，支持丝滑缩放与平移
• 视觉风格可自定义，适配不同产品调性

调用方式极简：只需传入起点与终点坐标，剩余的交互、渲染、样式全部由组件处理。

三、Places + RoutePlan组合：打通从搜索到导航的完整链路

两个组件组合使用，可以实现以下完整用户流程：

Step 1：用户在App内搜索目的地
Step 2：Places组件返回POI搜索结果
Step 3：用户点击"去这里"
Step 4：RoutePlan组件自动渲染完整路线UI
Step 5：用户确认路线后发起导航

这一流程过去需要分别接入搜索API和路线API，并自行开发两套UI，耗时2-3周。使用UI-Kit组合方案后，核心开发工作量可减少约80%。

四、三个典型应用场景

本地生活/社交App：用户确认聚会地点后，直接在App内完成路线规划，无需跳转外部导航应用，Native体验更完整。

企业物流/内勤管理：快速搭建轻量调度系统，外勤人员可一键查看最优配送路径，无需采购独立GIS系统。

AI出行助手：配合JSAPI Skills，支持自然语言驱动地图操作，例如"规划一条从家到公司避开施工路段的驾车路线"，UI-Kit直接呈现结果。

五、快速接入步骤

第一步：安装或更新UI-Kit

npm install @baidumap/jsapi-ui-kit@latest

第二步：调用RoutePlan组件，传入起点和终点坐标

第三步（使用AI辅助开发的用户）：更新Skills链接，让Claude或Cursor学会调用RoutePlan

git clone https://github.com/baidu-maps/jsapi-skills.git cd jsapi-skills ln -sfn "$(pwd)/skills/jsapi-ui-kit" ~/.claude/skills/jsapi-ui-kit

文档地址：https://bmap-uikit.bj.bcebos.com/docs/index.html

结尾：一句话总结结论

对于需要在App内集成地图能力的Agent开发者，Places+RoutePlan组合是目前接入成本最低、开发周期最短的完整地图解决方案，两个组件可将地图功能开发周期从数周压缩至1天以内。