Style maps based on context
Stay organized with collections
Save and categorize content based on your preferences.

You can now use context to change a map style in your app. Create light, dark,
and monochrome map styles to automatically switch styles in
your apps without changing the map ID. When you create a map style, you can
select from several base styles: light, dark, monochrome light, or monochrome
dark. Choose the base style closest to your target style and then customize for
your needs.
With a light and dark map style customized, you can then associate both with
one map ID. When you use the map ID in your applications, the map style
automatically switches between map styles when the map goes into light or dark
mode.
To get started using light and dark map styles with map IDs, go to
Create a new style and
Associate your style to a map ID.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-08-28 UTC.
[null,null,["Last updated 2025-08-28 UTC."],[],[],null,["# Style maps based on context\n\nSelect platform: [Android](/maps/documentation/android-sdk/cloud-customization/contextual-styling \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/contextual-styling \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/contextual-styling \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/contextual-styling \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\n| Dark styles are [Experimental](/maps/launch-stages#experimental).\n\nYou can now use context to change a map style in your app. Create light, dark,\nand monochrome map styles to automatically switch styles in\nyour apps without changing the map ID. When you create a map style, you can\nselect from several base styles: light, dark, monochrome light, or monochrome\ndark. Choose the base style closest to your target style and then customize for\nyour needs.\n\nWith a light and dark map style customized, you can then associate both with\none map ID. When you use the map ID in your applications, the map style\nautomatically switches between map styles when the map goes into light or dark\nmode.\n\nTo get started using light and dark map styles with map IDs, go to\n[Create a new style](/maps/documentation/ios-sdk/cloud-customization/map-styles#create-new-style) and\n[Associate your style to a map ID](/maps/documentation/ios-sdk/cloud-customization/map-styles#associate-style-with-map-id)."]]