android - oscuro - ¿Modo nocturno para los mapas de Google?

modo oscuro google android

Question

Mi pregunta es simple. ¿Hay un modo nocturno para los mapas de Google? Hasta ahora solo pude aplicar GoogleMap.MAP_TYPE_NORMAL | GoogleMap.MAP_TYPE_TERRAIN | GoogleMap.MAP_TYPE_SATELLITE pero no pudo encontrar el Modo nocturno . Quiero algo como esto

Por favor , no me sugieras que use overlay , ya lo he intentado. No puedo usarlo porque tengo que colocar marcadores en él.

Encontré this post pero tiene 2 años y creo que debería haber alguna mejora.

Answer 1

Es fácil, simplemente cree una carpeta sin formato y haga clic con el botón derecho en la carpeta sin formato y seleccione nuevo en ese nuevo archivo de selección y luego escriba el nombre del archivo, por ejemplo: map_in_night, luego haga clic en Aceptar después de que aparezcan diferentes formatos. No confunda, simplemente seleccione JSON y haga clic en Aceptar. el archivo json solo agrega el siguiente código

[
  {
    "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
      }
    ]
  }
]

en onMapReady solo agrega

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

Eso es

Answer 2

Fácil solución para forzar el modo nocturno que encontré.

• ir a la configuración
• ir a fecha y hora
• desactiva la fecha y la hora automáticas.
• fije su hora a las 7 pm o más tarde.

Eso debería configurar la aplicación en modo nocturno, ya que puede cambiar la hora cuando haya terminado de viajar.

Answer 3

Google acaba de announced lanzamiento de un estilo de mapa personalizado para Android e iOS junto con un nuevo asistente de diseño que le permite diseñar el estilo una vez y aplicarlo en todas las plataformas compatibles: Android, iOS, API de JavaScript e incluso la API de Static Maps .

Los documentos del desarrollador de la API de Android de Google Maps incluso proporcionan un ejemplo de estilo de modo noche de trabajo. También está disponible un ejemplo de código que utiliza estilos personalizados.