mcpField
J
jsapi-ui-kit

jsapi-ui-kit

github.com/baidu-mapsDevelopment46257 installsUpdated 7w ago
Repository

About jsapi-ui-kit

jsapi-ui-kit is a lightweight UI component library for Baidu Maps JS API. It provides place autocomplete and search, POI details, and driving route planning for map applications.

Key features

  1. 01Place autocomplete suggestions
  2. 02Keyword, nearby, and area search
  3. 03POI detail display
  4. 04Driving routes with alternatives and waypoints
  5. 05Navigation launch

Use cases

  1. 01Add autocomplete to a map search field
  2. 02Search for places by keyword or nearby area
  3. 03Show a place's address and phone number
  4. 04Plan driving routes with stops

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/baidu-maps/jsapi-skills --skill jsapi-ui-kit

After installing, type/jsapi-ui-kitin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
getting-started.md
place-autocomplete.md
place-detail.md
place-search.md
route-plan.md

Details

From the project README

百度地图 jsapi-ui-kit

轻量级百度地图 UI 组件库，提供地点自动补全、地点检索、详情展示和路径规划能力。

什么时候使用

  • 希望快速集成标准化的地图 UI 组件，无需从零开发
  • 需要在地图应用中添加搜索输入框自动补全功能
  • 需要在地图应用中添加地点搜索功能
  • 需要展示 POI 详情信息（名称、地址、电话等）
  • 需要实现驾车路径规划功能（支持多方案、途经点）

文档导航

如何使用

根据用户问题查询文档导航，参考详细文档内容和API设计：

references/getting-started.md

每个参考文件包含：

  • 功能简要说明
  • 完整代码示例及解释
  • API 参数说明和注意事项

注意事项

  • 必须先加载百度地图 JS API（BMap 或 BMapGL）

Comments

Markdown supported