Cloud customization

Select platform: Android iOS JavaScript

Google Maps Platform offers Cloud-based maps styling features that make it easy to style, customize, and manage your maps using the Google Cloud Console, letting you improve the overall user experience of your maps. To make these features easy to adopt and manage, Cloud-based maps styling brings a number of new tools to the Cloud Console:

  • A style editor for easy style creation.
  • Map ID creation and management.
  • Custom map style creation and management.
  • Tools for dynamic updating of styles.

Add a map ID to your app

A map ID is an identifier that's associated with a specific map style or feature. Configure a map style and associate it with a map ID in the Google Cloud Console. Then, when you reference a map ID in your code, its associated map style is displayed in your app. Any subsequent style updates you make appear in your app automatically, without the need for any updates by your customers.

To create a map with a map ID in your application code:

  1. If you are currently customizing your map with embedded JSON code, remove the styles property from your MapOptions object; otherwise, skip this step.

  2. Add a map ID to the map using the mapId property. For example:

map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});

Using the maps style editor

The Maps Style editor is a GUI-based tool available in the Google Cloud Console.

Learn to use the Cloud-based map styling tool