- Last UpdatedFeb 27, 2025
- 2 minute read
Uses Google Maps layers as basemap. This layer can only work as a background layer and is displayed at the back.
Select between the following Map types:
-
roadmap
-
satellite
-
hybrid
-
terrain
Optionally, Traffic & Transit Layers can be enabled to be displayed in places where these services are present (mostly on big cities).
Custom Map Styles can be configured to customize the map. Some preconfigured styles can be selected on the App Editor, and this configuration can be copied and modified if required. The legacy JSON styling wizard can also be used to create a Map Style.
An API key is required to use Google Maps services. For more information about obtaining an API key, see the Google maps platform website: https://developers.google.com/maps/documentation/javascript/get-api-key.
The following table provides the specific configurable options available for this layer:
|
Property |
Type |
Description |
|---|---|---|
|
key |
String |
Provides API key to authenticate requests. For more information, refer https://developers.google.com/maps/documentation/javascript/get-api-key. |
|
mapType [Optional] |
mapType |
Specifies the map tile to be used.
|
|
styles [Optional] |
GoogleStyles. |
Custom JSON style declarations. For more information, refer https://developers.google.com/maps/documentation/javascript/json-styling-overview. |
|
traffic [Optional] |
Boolean |
Adds real-time traffic information (where supported). |
|
transit [Optional] |
Boolean |
Displays the public transit network of a city (where supported). |
|
type |
|
A type of Layer. |
Example of Google
Below is an example of a Google layer configuration with a hybrid map type and traffic enabled:
-
Configuration and map preview

-
JSON string configuration
{
"key": "YOUR_KEY",
"title": "Google",
"type": "google",
"isBaseMap": true,
"mapType": "hybrid",
"traffic": true
}