jsapi-ui-kit

Original：🇨🇳 Chinese

Translated

Development Guide for Baidu Maps JavaScript API ui-kit Component Library. Provides usage references for PlaceAutocomplete, PlaceSearch, PlaceDetail, and RoutePlan components. Use this skill when you need to: (1) implement auto-completion for place search input boxes, (2) implement place search functionality on Baidu Maps, (3) display POI detail information, (4) implement driving route planning functionality, (5) learn about the API usage of @baidumap/jsapi-ui-kit, (6) handle component event callbacks.

2installs

Sourcebaidu-maps/jsapi-skills

Added on2026-03-22

NPX Install

npx skill4agent add baidu-maps/jsapi-skills jsapi-ui-kit

SKILL.md Content (Chinese)

View Translation Comparison →

Baidu Maps jsapi-ui-kit

A lightweight Baidu Maps UI component library that provides capabilities for place auto-completion, place search, detail display, and route planning.

When to Use

Want to quickly integrate standardized map UI components without building from scratch
Need to add auto-completion functionality for search input boxes in map applications
Need to add place search functionality in map applications
Need to display POI detail information (name, address, phone number, etc.)
Need to implement driving route planning functionality (supports multiple plans, waypoints)

Documentation Navigation

Getting Started - Installation, import methods, basic examples
PlaceAutocomplete - Real-time suggestions for search input boxes
PlaceSearch - Keyword/nearby/range search
PlaceDetail - POI detail display
RoutePlan - Driving route planning (multiple plans, waypoints, navigation invocation)

How to Use

Query the documentation navigation based on user questions, and refer to the detailed documentation content and API design:

references/getting-started.md

Each reference document includes:

Brief function description
Complete code examples and explanations
API parameter descriptions and precautions

Notes

Must load Baidu Maps JS API (BMap or BMapGL) first