Night mode for Google maps? Night mode for Google maps? android android

Night mode for Google maps?


Its easy just create a raw folder and right click raw folder and select new in that new select file and then type file name eg:map_in_night then click ok after it displays different formats don't confuse you just select json and click okand in that json file just add below code

[  {    "featureType": "all",    "elementType": "geometry",    "stylers": [      {        "color": "#242f3e"      }    ]  },  {    "featureType": "all",    "elementType": "labels.text.stroke",    "stylers": [      {        "lightness": -80      }    ]  },  {    "featureType": "administrative",    "elementType": "labels.text.fill",    "stylers": [      {        "color": "#746855"      }    ]  },  {    "featureType": "administrative.locality",    "elementType": "labels.text.fill",    "stylers": [      {        "color": "#d59563"      }    ]  },  {    "featureType": "poi",    "elementType": "labels.text.fill",    "stylers": [      {        "color": "#d59563"      }    ]  },  {    "featureType": "poi.park",    "elementType": "geometry",    "stylers": [      {        "color": "#263c3f"      }    ]  },  {    "featureType": "poi.park",    "elementType": "labels.text.fill",    "stylers": [      {        "color": "#6b9a76"      }    ]  },  {    "featureType": "road",    "elementType": "geometry.fill",    "stylers": [      {        "color": "#2b3544"      }    ]  },  {    "featureType": "road",    "elementType": "labels.text.fill",    "stylers": [      {        "color": "#9ca5b3"      }    ]  },  {    "featureType": "road.arterial",    "elementType": "geometry.fill",    "stylers": [      {        "color": "#38414e"      }    ]  },  {    "featureType": "road.arterial",    "elementType": "geometry.stroke",    "stylers": [      {        "color": "#212a37"      }    ]  },  {    "featureType": "road.highway",    "elementType": "geometry.fill",    "stylers": [      {        "color": "#746855"      }    ]  },  {    "featureType": "road.highway",    "elementType": "geometry.stroke",    "stylers": [      {        "color": "#1f2835"      }    ]  },  {    "featureType": "road.highway",    "elementType": "labels.text.fill",    "stylers": [      {        "color": "#f3d19c"      }    ]  },  {    "featureType": "road.local",    "elementType": "geometry.fill",    "stylers": [      {        "color": "#38414e"      }    ]  },  {    "featureType": "road.local",    "elementType": "geometry.stroke",    "stylers": [      {        "color": "#212a37"      }    ]  },  {    "featureType": "transit",    "elementType": "geometry",    "stylers": [      {        "color": "#2f3948"      }    ]  },  {    "featureType": "transit.station",    "elementType": "labels.text.fill",    "stylers": [      {        "color": "#d59563"      }    ]  },  {    "featureType": "water",    "elementType": "geometry",    "stylers": [      {        "color": "#17263c"      }    ]  },  {    "featureType": "water",    "elementType": "labels.text.fill",    "stylers": [      {        "color": "#515c6d"      }    ]  },  {    "featureType": "water",    "elementType": "labels.text.stroke",    "stylers": [      {        "lightness": -20      }    ]  }]

in onMapReady just add

mMap = googleMap;  mMap.setMapStyle(MapStyleOptions.loadRawResourceStyle(this, R.raw.mapstyle_night));

That's it


Google just announced having launched custom map styling for Android and iOS together with a new styling wizard that allows you to design the style once, and apply it across the board on all supported platforms: Android, iOS, JavaScript API, and even Static Maps API.

The Google Maps Android API developer docs even provide a working night mode style example. A code sample using custom styles is also available.


Head to :

https://mapstyle.withgoogle.com

Create what you need copy the json save it in a .json file.Put it on res/raw and then use:

mMap.setMapStyle(MapStyleOptions.loadRawResourceStyle(this, R.raw.name));

You should call the above function on : onMapReady callback.