baidu-map-jsapi-ui-kit
Verifiedbaidu map jsapi ui kit — backend & api tool. Supports JavaScript API ui-kit, PlaceAutocomplete, PlaceSearch, PlaceDetail.
$ Add to .claude/skills/ About This Skill
Content available in Chinese
# 百度地图 jsapi-ui-kit
轻量级百度地图 UI 组件库，提供地点自动补全、地点检索、详情展示和路径规划能力。
什么时候使用
- 希望快速集成标准化的地图 UI 组件，无需从零开发
- 需要在地图应用中添加搜索输入框自动补全功能
- 需要在地图应用中添加地点搜索功能
- 需要展示 POI 详情信息（名称、地址、电话等）
- 需要实现驾车路径规划功能（支持多方案、途经点）
文档导航
- 快速开始 - 安装、引入方式、基础示例
- PlaceAutocomplete 地点自动补全 - 搜索输入框实时建议
- PlaceSearch 地点检索 - 关键字/周边/范围检索
- PlaceDetail 地点详情 - POI 详情展示
- RoutePlan 路径规划 - 驾车路径规划（多方案、途经点、导航调起）
如何使用
根据用户问题查询文档导航，参考详细文档内容和API设计： ``` references/getting-started.md ``` 每个参考文件包含：
- 功能简要说明
- 完整代码示例及解释
- API 参数说明和注意事项
注意事项
- 必须先加载百度地图 JS API（BMap 或 BMapGL）
Use Cases
- Integrate Baidu Maps JavaScript API UI components into web applications
- Implement place autocomplete and search features using Baidu Maps
- Build location-based web interfaces with PlaceDetail and PlaceSearch
- Add interactive map UI widgets to websites and web applications
- Create map-powered search and discovery experiences with Baidu APIs
Pros & Cons
Pros
- +Compatible with multiple platforms including claude-code, openclaw
- +Well-documented with detailed usage instructions and examples
- +Purpose-built for backend & api tasks with focused functionality
Cons
- -Documentation primarily in Chinese — may be less accessible for English-only users
- -No built-in analytics or usage metrics dashboard
FAQ
What does baidu-map-jsapi-ui-kit do?
baidu map jsapi ui kit — backend & api tool. Supports JavaScript API ui-kit, PlaceAutocomplete, PlaceSearch, PlaceDetail.
What platforms support baidu-map-jsapi-ui-kit?
baidu-map-jsapi-ui-kit is available on Claude Code, OpenClaw.
What are the use cases for baidu-map-jsapi-ui-kit?
Integrate Baidu Maps JavaScript API UI components into web applications. Implement place autocomplete and search features using Baidu Maps. Build location-based web interfaces with PlaceDetail and PlaceSearch.
100+ free AI tools
Writing, PDF, image, and developer tools — all in your browser.
Next Step
Use the skill detail page to evaluate fit and install steps. For a direct browser workflow, move into a focused tool route instead of staying in broader support surfaces.