今天，我们正式发布Baidu Maps UI-Kit—— 一款全新的低代码、开箱即用的 AI原生地图产品，本期开放的是Places UI-Kit，即将发布路线规划、导航等UI-Kit能力。它的核心逻辑非常简单：将用户最熟悉的百度地图原生交互界面，以组件化的形式直接“装进”到你的产品中。 不再需要为了设计一个 POI 检索详情页去反复打磨 UI，也不再需要为了调用几个 API 而写几百行逻辑代码。Places UI-Kit依托百度地图 3.4亿个地点信息和亿级用户的交互验证，帮你用最短的时间，构建出最专业、直观的地点探索体验。
//包含哪些“有料”的组件？
Baidu Maps UI-Kit中的Places UI-Kit目前已通过JS API全面开放，首批核心组件包括：
-
地点详情组件 (Place Details)： 深度聚合了地点的营业时间、用户评分、实时人流、无障碍设施等全量信息，直接帮助用户做决策。
-
地点搜索组件 (Place Search)： 支持按类别（如：餐饮、加油站）或自由文本搜索，让用户在地图场景内快速发现周边。
//只需几行代码，剩下的交给百度地图
Baidu Maps UI-Kit组件的设计初衷就是“轻量”。你只需要编写少量代码，就能将这些成熟的 UI 模块嵌入到应用中。同时，我们开放丰富的自定义权限：
-
视觉自定义： 你可以调整组件的颜色、大小、边角弧度，确保它完美融入你的品牌视觉。
-
功能灵活配置： 根据业务需求，你可以自由选择展示信息的详细程度，比如在房产 App 里突出学校，在旅游 App 里突出评价。
//核心亮点：不仅是好用，更是“懂行”
-
支持“地图底图+UI”打包使用： 这是一个重大突破。现在，你可以加载百度地图底图直接集成Places UI-Kit。即使你是独立开发者，现在你可以将百度地图最精准的3.4亿个POI信息和UI界面引入其中，实现数据与体验的双重升级。
-
更经济的开发成本： 相比于从零开始调研 API、设计交互、联调测试，Places UI-Kit这种“成品组件”模式能节省 70% 以上的前端开发资源。无论是追求效率的初创团队，还是对一致性要求极高的大型企业，这都是目前最经济的解决方案。
//真实场景：看看它能为你做什么？
****如果你在做一款旅游或本地生活 App，****通过集成的“地点搜索组件”，旅行者可以一键发现酒店附近的网红餐厅。配合百度地图高价值的图片和真实评分，用户在你的 App 内就能完成“发现-对比-决策”的全闭环，大大增加用户留存时长。准备好提升你的产品体验了吗？
欢迎访问百度地图开放平台官网，查看Places UI-Kit的最新文档。我们已经把复杂的逻辑封装好了，就等你来发挥创意！
使用方式非常简单，执行
npm install @baidumap/jsapi-ui-kit
安装UI-Kit之后即可使用。
使用文档API见：
bmap-uikit.bj.bcebos.com/docs/index.…
如果你是熟悉AI的技术达人，我们也推出了Skills供你的大模型来使用，地址为 ：
安装方式如下：
# 1. 将skills clone到本地git clone https://github.com/baidu-maps/jsapi-skills.gitcd jsapi-skills
# 2. 注册软链接，让 Claude/Cursor 等AI工具可以学习用法ln -sfn "$(pwd)/jsapi-ui-kit" ~/.claude/skills/jsapi-ui-kit
