Basic Components
Map
The map component supports Baidu Maps and Google Maps, and can automatically switch based on system settings or user preferences. The component supports adding markers, fullscreen display, dynamic height adjustment, and other functions.
Usage Examples
Basic Map
The simplest map usage, displaying the default map area.
300px
Map with Markers
Add markers to the map, click markers to display detailed information.
300px
Different Heights
Customize the map height through the height property.
300px
Properties
| Property | Basic component module for translation keys shared across all component documentation pages | Type | Default |
|---|---|---|---|
| height | Height of the map container (pixels) | number | 300 |
| markers | Array of map marker data | array | [] |
| zoom | Map zoom level | number | 10 |
| center | Map center coordinates | object | null |
Design Empowers, Innovation Unlimited