Skip to main content

Map

Props

AttributeDescriptionTypeDefault
centerDefine center of Map.object{lat=41, lng= 29}
markersDefine markers on Map.array[{position={lat=41, lng=29}}]
zoomDefine zoom value of the Map.numberSkip
mapTypeDefine type of Map.stringroadmap
mapKeyThe API key obtained from Google Maps is set here. The page needs to be refreshed when added.string'AIzaSyDA4KFrYr_Ux1HKyKqIAQB0fMU7qaT_5DA'.
markerIconChanges the icon of the markers on the map.string-
markerOnClickDefine to add the clicked position to the markers list.booleantrue
visibleVisibility of Label component.booleantrue

Events

AttributeDescription
getAddress(clickedPositionAddress)Retrieves the position information of the clicked point on the map
click:markerTrigger when you click marker on the map
click:mapTrigger when you click map
locationPermissionGrantedEmitted when location permission is granted
locationPermissionDeniedEmitted when location permission is denied

Values

AttributeDescription
markersUser can get list of markers with markers value

image

Samples Qjson

QMapExample