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 instantiate a map using a map ID, do the folowing:

  1. Create a GMSMapID with the map ID string from Cloud Console.
  2. Create a GMSMapView specifying the map ID you just created.

Swift

let camera = GMSCameraPosition(latitude: 47.0169, longitude: -122.336471, zoom: 12)
let mapID = GMSMapID(identifier: "<YOUR MAP ID>")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: camera)
self.view = mapView
      

Objective-C

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.0169
                                                        longitude:-122.336471
                                                             zoom:12];
GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"<YOUR MAP ID>"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:camera];
self.view = mapView;
      

If you are using your own map ID, you can set your map ID in the Cloud Console to have a new style at any time, and that style will be reflected on your map view automatically for you and users within about six hours.

If you want to see the changes immediately, you can close out and restart your app by exiting the app, forcing a quit of the app from the recently-used apps list, and then reopening it. The updated map will then be visible.

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