MapComponent

A map widget that can show a pannable/zoomable map with markers

Installation

import { MapComponent } from 'uxp/components';

Signature

const MapComponent: React.FunctionComponent<IMapComponentProps>

Properties

Name	Type	Mandatory	Default Value	Example Value
mapUrl	string	Yes	-	* ```
staticImage	IStaticImage	No	-	* ```
center	{ position: IMarker, renderMarker?: boolean }	No	-	-
markers	IMarker[]	No	-	-
onMarkerClick	(el: any, data: any) => void	No	-	-
regions	IRegion[]	No	-	-
onRegionClick	(event: any, data: any) => void	No	-	-
heatmap	IHeatmapConfiguration	No	-	-
zoom	number	No	-	-
maxZoom	number	No	-	-
minZoom	number	No	-	-
zoomOnScroll	boolean	No	-	-
hideZoomControlls	boolean	No	-	-
onClick	(event: LeafletMouseEvent) => void	No	-	-
onZoomEnd	(event: LeafletEvent) => void	No	-	-
onDragEnd	(event: DragEndEvent) => void	No	-	-

Related Types

• IMapComponentProps

• IStaticImage

• IMarker

• IDivIconInterface

• IRenderMarkerPopup

• IRenderMarkerTooltip

• IRegion

• IPolygonBound

• ICircleBound

• IHeatmapConfiguration

• IHeatmapPoint