Maps
This reference explains how to use the Map component.
The goal is to choose one to make sure that all maps across the website look the same.
Since version 3.10
Component Props
We have homogenized the props of the map components to make sure that they are consistent across different components.
Map Component
| Property | Description | Type |
|---|---|---|
| locations | A list of locations used for the markers | TLocation[] |
| getMarker | The marker node for locations | (location) => ReactNode |
| zoom | Default zoom level | number |
| defaultBounds | The default map bounds | TCoordinates[] |
| defaultCenter | The default center for the map. | TCoordinates |
| onBoundsChanged | Event handler for bound changes | (event) => void |
Marker Component
| Property | Description | Type |
|---|---|---|
| location | Location for the marker | TLocation |
| icon | Allows you to override the marker icon | object |
| isPopupOpened | Controlled method for marker popup | boolean |
| onClick | Event handler on marker click | (event) => void |