Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

GISMapApp

Google

  • 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

google

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

    Google configuration and map preview

  • JSON string configuration

    {

    "key": "YOUR_KEY",

    "title": "Google",

    "type": "google",

    "isBaseMap": true,

    "mapType": "hybrid",

    "traffic": true

    }

Related Links
TitleResults for “How to create a CRG?”Also Available in