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.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-18 UTC."],[],[],null,["Select 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/javascript/cloud-customization/map-styles-leg#create-new-style) and\n[Associate your style to a map ID](/maps/documentation/javascript/cloud-customization/map-styles-leg#associate-style-with-map-id)."]]