Home Admin User Guide How to Create a Google Maps Style

How to Create a Google Maps Style

Last updated on Sep 11, 2025

Create a Google Map Style and Generate a style ID

  1. Create a Map ID:

    • Go to the Google Cloud Console. 

    • Navigate to the Maps Management page. 

    • Click "Create new Map ID". 

    • Give your Map ID a name and description. 

    • Select the map type (JavaScript, Android, iOS, or Static). 

    • Click "Next". 

  2. Create a Map Style:

    • Go to the "Map Styles" page in the Cloud Console. 

    • Click "Create style". 

    • Choose to either import a JSON style or customize one in the editor. 

  3. Customizing in the Editor:

    • If customizing, select map features and adjust their styling (color, visibility, etc.). 

    • You'll see a preview of the changes on the map. 

    • Map features with custom styles will have a blue dot next to them. 

  4. Importing JSON:

    • If importing JSON, paste your code into the provided field. 

    • You'll see a preview of the style, and if valid, you can click "Customize". 

  5. Associating the Style:

    • After creating or customizing the style, you can associate it with your Map ID. 

    • This allows your map to use the custom style. 

  6. Managing Feature Layers:

    • In the Map Styles page, you can manage feature layers by adding or removing layers. 

    • Click "Save" to apply the changes. 

Google API Documentation: https://developers.google.com/maps/documentation/javascript/cloud-customization/map-styles-leg