mugundhan-googlemap v1.1.2

mugundhan-googlemap

Capacitor Google Map for Android and Ios

Install

npm install mugundhan-googlemap
npx cap sync

API

• echo(...)
• create(...)
• initialize(...)
• addMarker(...)
• setCamera(...)
• setMapType(...)
• setIndoorEnabled(...)
• setTrafficEnabled(...)
• accessibilityElementsHidden(...)
• padding(...)
• clear()
• close()
• hide()
• show()
• settings(...)
• reverseGeocodeCoordinate(...)
• enableCurrentLocation(...)
• myLocation(...)
• viewBounds()
• setMapStyle(...)
• addPolyline(...)
• addCircle(...)
• addPolygon(...)
• setOnMarkerClickListener()
• setOnMapClickListener()
• setOnPoiClickListener()
• requestLocationPermission()
• setOnMyLocationClickListener()
• setOnMyLocationButtonClickListener()
• addListener('didTap', ...)
• addListener('dragEnded', ...)
• addListener('didTapAt', ...)
• addListener('didTapPOIWithPlaceID', ...)
• addListener('didChange', ...)
• addListener('onMapReady', ...)
• addListener(string, ...)
• removeAllListeners()
• Interfaces

echo(...)

echo(options: { value: string; }) => any

Returns: any

create(...)

create(options: { width: number; height: number; x: number; y: number; latitude?: number; longitude?: number; zoom?: number; liteMode?: boolean; }) => any

Returns: any

initialize(...)

initialize(options: { key: string; }) => any

Returns: any

addMarker(...)

addMarker(options: { latitude: number; longitude: number; opacity?: number; title?: string; snippet?: string; isFlat?: boolean; url?: string; rotation?: number; key?: string; }) => any

Adds a marker on the map

Returns: any

setCamera(...)

setCamera(options: { viewingAngle?: number; bearing?: number; zoom?: number; latitude?: number; longitude?: number; animate?: boolean; animationDuration?: number; coordinates?: LatLng[]; }) => any

Repositions the camera

Returns: any

setMapType(...)

setMapType(options: { type: string; }) => any

Sets the map type

Returns: any

setIndoorEnabled(...)

setIndoorEnabled(options: { enabled: boolean; }) => any

Allows indoor maps to be enabled or disabled

Returns: any

setTrafficEnabled(...)

setTrafficEnabled(options: { enabled: boolean; }) => any

Allows traffic information to be enabled or disabled

Returns: any

accessibilityElementsHidden(...)

accessibilityElementsHidden(options: { hidden: boolean; }) => any

iOS Only To hide accessiblity elements

Returns: any

padding(...)

padding(options: { top: number; left: number; right: number; bottom: number; }) => any

Adds padding around the map

Returns: any

clear()

clear() => any

Clear any views like Marker, Shapes from the map

Returns: any

close()

close() => any

Destroy the mapView, use in ionViewDidLeave and similar

Returns: any

hide()

hide() => any

Hide the mapView, use when preventing any overlapping on other views

Returns: any

show()

show() => any

Show the hidden mapView

Returns: any

settings(...)

settings(options: { allowScrollGesturesDuringRotateOrZoom?: boolean; compassButton?: boolean; consumesGesturesInView?: boolean; indoorPicker?: boolean; myLocationButton?: boolean; rotateGestures?: boolean; scrollGestures?: boolean; tiltGestures?: boolean; zoomGestures?: boolean; }) => any

Map UI Settings

Returns: any

reverseGeocodeCoordinate(...)

reverseGeocodeCoordinate(options: { latitude: number; longitude: number; }) => any

Get Google Map address for a set of lat lng

Returns: any

enableCurrentLocation(...)

enableCurrentLocation(options: { enabled: boolean; }) => any

Enable user's current location

Returns: any

myLocation(...)

myLocation(options: any) => any

Get user location

Returns: any

viewBounds()

viewBounds() => any

Get view bounds in latlng. This polygon can be a trapezoid instead of a rectangle, because a camera can have tilt. If the camera is directly over the center of the camera, the shape is rectangular, but if the camera is tilted, the shape will appear to be a trapezoid whose smallest side is closest to the point of view.

Returns: any

setMapStyle(...)

setMapStyle(options: { jsonString: string; }) => any

Add styles to map with a style JSON string format specific by Google

Returns: any

addPolyline(...)

addPolyline(options: PolylineOptions) => any

Shapes

Returns: any

addCircle(...)

addCircle(options: CircleOptions) => any

Returns: any

addPolygon(...)

addPolygon(options: PolygonOptions) => any

Returns: any

setOnMarkerClickListener()

setOnMarkerClickListener() => any

Map click listeners

Returns: any

setOnMapClickListener()

setOnMapClickListener() => any

Returns: any

setOnPoiClickListener()

setOnPoiClickListener() => any

Returns: any

requestLocationPermission()

requestLocationPermission() => any

Returns: any

setOnMyLocationClickListener()

setOnMyLocationClickListener() => any

Returns: any

setOnMyLocationButtonClickListener()

setOnMyLocationButtonClickListener() => any

Returns: any

addListener('didTap', ...)

addListener(eventName: 'didTap', listenerFunc: (results: any) => void) => PluginListenerHandle

Returns: PluginListenerHandle

addListener('dragEnded', ...)

addListener(eventName: 'dragEnded', listenerFunc: (results: any) => void) => PluginListenerHandle

Returns: PluginListenerHandle

addListener('didTapAt', ...)

addListener(eventName: 'didTapAt', listenerFunc: (results: any) => void) => PluginListenerHandle

Returns: PluginListenerHandle

addListener('didTapPOIWithPlaceID', ...)

addListener(eventName: 'didTapPOIWithPlaceID', listenerFunc: (results: any) => void) => PluginListenerHandle

Returns: PluginListenerHandle

addListener('didChange', ...)

addListener(eventName: 'didChange', listenerFunc: (results: any) => void) => PluginListenerHandle

Returns: PluginListenerHandle

addListener('onMapReady', ...)

addListener(eventName: 'onMapReady', listenerFunc: (results: any) => void) => PluginListenerHandle

Returns: PluginListenerHandle

addListener(string, ...)

addListener(eventName: string, listenerFunc: (...args: any[]) => any) => any

Returns: any

removeAllListeners()

removeAllListeners() => any

Returns: any

Interfaces

LatLng

PolylineOptions

ViewID

CircleOptions

PolygonOptions

PluginListenerHandle