mcpField
J
jsapi-ui-kit

jsapi-ui-kit

github.com/baidu-maps开发46257 次安装7 周前更新
代码仓库

关于 jsapi-ui-kit

jsapi-ui-kit 是面向百度地图 JS API 的轻量级 UI 组件库，提供地点自动补全与检索、POI 详情展示和驾车路径规划功能。

主要功能

  1. 01地点自动补全建议
  2. 02关键词、周边和范围检索
  3. 03POI 详情展示
  4. 04支持多方案和途经点的驾车路线
  5. 05调起导航

适用场景

  1. 01为地图搜索框添加自动补全
  2. 02按关键词或周边范围搜索地点
  3. 03展示地点地址和电话
  4. 04规划包含途经点的驾车路线

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/jsapi-ui-kit确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

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

详细介绍

来自项目 README

百度地图 jsapi-ui-kit

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

什么时候使用

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

文档导航

如何使用

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

references/getting-started.md

每个参考文件包含：

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

注意事项

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

评论

支持 Markdown