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