Google Maps — Reference

Reference · Advanced · App Connect

Google Maps settings and behavior. Settings include info, ID, API Key, Language.

Google Maps

Google Maps settings and events. Select the component in App Structure to find these controls in Properties.

Google Maps Properties

Name	Description
info	<span style="color: #d28445; padding-left: 90px; display: block; line-height: 1.6em;">Warning heavy pricing may apply.<br>See <a href="javascript:void(0)" style="color: indianred;" onclick="nw.Shell.openExternal('https://developers.google.com/maps/billing/gmp-billing#dynamic-maps')">Google Maps Pricing</a></span>
ID	Required. Default: "". Attribute: id.
API Key	Required. Default: "".
Language	Options: Auto, Arabic (ar), Basque (eu), Bulgarian (bg), Bengali (bn), Catalan (ca), Czech (cs), Danish (da), German (de), Greek (el), English (en), English (Australian) (en-AU), English (Great Britain) (en-GB), Spanish (es), Basque (eu), Farsi (fa), Finnish (fi), Filipino (fil), French (fr), Galician (gl), Gujarati (gu), Hindi (hi), Croatian (hr), Hungarian (hu), Indonesian (id), Italian (it), Hebrew (iw), Japanese (ja), Kannada (kn), Korean (ko), Lithuanian (lt), Latvian (lv), Malayalam (ml), Marathi (mr), Dutch (nl), Norwegian (no), Polish (pl), Portuguese (pt), Portuguese (Brazil) (pt-BR), Portuguese (Portugal) (pt-PT), Romanian (ro), Russian (ru), Slovak (sk), Slovenian (sl), Serbian (sr), Swedish (sv), Tagalog (tl), Tamil (ta), Telugu (te), Thai (th), Turkish (tr), Ukrainian (uk), Vietnamese (vi), Chinese (Simplified) (zh-CN), Chinese (Traditional) (zh-TW) Default: "".
Theme	Default: "".
Width	Default: "100%". Attribute: width.
Height	Default: "400". Attribute: height.
Map Type	Options: Roadmap, Satellite (satellite), Hybrid (hybrid), Terrain (terrain) Default: "". Attribute: maptype.
Zoom	Default: "10". Attribute: zoom.
Traffic Layer	Default: "". Attribute: traffic-layer.
Transit Layer	Default: "". Attribute: transit-layer.
Bicycling Layer	Default: "". Attribute: bicycling-layer.
Enable Clusters	Default: "". Attribute: enable-clusters.
Cluster Grid Size	Default: "60". Attribute: cluster-grid-size.
Cluster Max Zoom	Default: "". Attribute: cluster-max-zoom.
Min Cluster Size	Default: "2". Attribute: min-cluster-size.

Name	Description
Scroll Wheel	Default: "". Attribute: scrollwheel.
Tilt	Default: "". Attribute: tilt.
Rotate Control	Default: "". Attribute: rotate-control.
Scale Control	Default: "". Attribute: scale-control.
Full Screen Control	Default: "". Attribute: fullscreen-control.
Zoom Control	Default: "". Attribute: zoom-control.
Street View Control	Default: "". Attribute: streetview-control.
Map Type Control	Default: "". Attribute: maptype-control.

Center

Name	Description
Address	Default: "". Attribute: address.
Latitude	Default: "". Attribute: latitude.
Longitude	Default: "". Attribute: longitude.

Markers

Name	Description
Dynamic Markers	Default: false. Attribute: markers.

Go To Marker

Name	Description
Marker Key	Go to the given marker Required. Default: "".

Pan To Marker

Name	Description
Marker Key	Pan to the given marker Required. Default: "".

Bounce Marker

Name	Description
Marker Key	Bounce the given marker Required. Default: "".

Stop Bouncing Marker

Name	Description
Marker Key	Stop bouncing the given marker Required. Default: "".

Show Info: Show Info Marker Properties

Name	Description
Marker Key	The marker to show info for Required. Default: "".

Pan To: Pan To Coordinate Properties

Name	Description
Latitude	Pan to latitude Required. Default: "".
Longitude	Pan to longitude Required. Default: "".

Set Center: Set Center Coordinate Properties

Name	Description
Latitude	Set center latitude Required. Default: "".
Longitude	Set center longitude Required. Default: "".

Set Map Type

Name	Description
Map Type	Set map type Options: Roadmap, Satellite ('satellite'), Hybrid ('hybrid'), Terrain ('terrain') Default: "".

Set Zoom

Name	Description
Zoom	Set map zoom Required. Default: "10".

Dynamic attributes

Name	Description
Address	Choose dynamic data binding.
Latitude	Choose dynamic data binding.
Longitude	Choose dynamic data binding.

Dynamic events

Name	Description
Ready	Action: Choose the action to execute.
Bounds Changed	Action: Choose the action to execute.
Center Changed	Action: Choose the action to execute.
Map Type Changed	Action: Choose the action to execute.
Zoom Changed	Action: Choose the action to execute.
Map Click	Action: Choose the action to execute.
Map Click: latitude	latitude is available in the event data payload.
Map Click: longitude	longitude is available in the event data payload.
Marker Click	Action: Choose the action to execute.
Marker Click: id	ID for the theme switch component. Sets the component id attribute. Use a stable id if you reference this component from other scripts or need a consistent selector. Bootstrap docs: Color modes
Marker Position Changed	Action: Choose the action to execute.
Marker Position Changed: id	ID for the theme switch component. Sets the component id attribute. Use a stable id if you reference this component from other scripts or need a consistent selector. Bootstrap docs: Color modes
Marker Position Changed: latitude	latitude is available in the event data payload.
Marker Position Changed: longitude	longitude is available in the event data payload.