Base Map Styling - Google Maps
Last updated
Was this helpful?
Last updated
Was this helpful?
External business POIs from the base map can clutter up your map with irrelevant content. This article describes how to hide unwanted features from the base map - and how to change the colours to better match your branding guidelines.
With Google Maps there are two methods to style the base map. Both style methods can be used across JavaScript, iOS and Android for a consistent look across platforms and apps.
Google Maps Cloud Styling
Cloud-based maps styling makes it easy to style, customize, and manage your maps using the Google Cloud Console, letting you create a customized map experience for your users without having to update your apps' code each time you make a style change.
Follow the guidelines linked below to create a Style and associate it with a map ID
.
Google Maps JSON Style (legacy method)
Use a JSON style declaration to control both colours and visual display of features like roads, parks and other points of interest. You can also hide features entirely.
The Styling Wizard can be an easy way to generate a JSON style:
Warning - paid feature: Functionality accessed by adding a map ID
triggers a map load charged against the Dynamic Maps SKU for Android and iOS. See for more information. Use of Cloud Styling with JavaScript does not add any additional cost.
To use a map ID with MapsIndoors, simply add the mapId
parameter alongside other options in
To use a JSON style with MapsIndoors, simply add the styles array in . Here is an example hiding all Google-supplied POIs: