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