mcpField
J
jsapi-ui-kit

jsapi-ui-kit

github.com/baidu-maps開発46257 回インストール7 週間前に更新
リポジトリ

jsapi-ui-kit について

jsapi-ui-kitは、Baidu Maps 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 対応