Back to Details

jsapi-ui-kit

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

百度地图 jsapi-ui-kit

Baidu Maps jsapi-ui-kit

轻量级百度地图 UI 组件库，提供地点自动补全、地点检索、详情展示和路径规划能力。
A lightweight Baidu Maps UI component library that provides capabilities for place auto-completion, place search, detail display, and route planning.

什么时候使用

When to Use

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

  • 快速开始 - 安装、引入方式、基础示例
  • PlaceAutocomplete 地点自动补全 - 搜索输入框实时建议
  • PlaceSearch 地点检索 - 关键字/周边/范围检索
  • PlaceDetail 地点详情 - POI 详情展示
  • RoutePlan 路径规划 - 驾车路径规划（多方案、途经点、导航调起）
  • 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

根据用户问题查询文档导航，参考详细文档内容和API设计：
references/getting-started.md
每个参考文件包含：
  • 功能简要说明
  • 完整代码示例及解释
  • API 参数说明和注意事项
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

  • 必须先加载百度地图 JS API（BMap 或 BMapGL）
  • Must load Baidu Maps JS API (BMap or BMapGL) first