En este documento, se describe la relación conceptual entre los diseños personalizados y los modos claro y oscuro, y se definen los diferentes tipos de mapas y cómo aplicarles tus diseños.
Para comenzar a usar los diseños personalizados, consulta Cómo crear un diseño nuevo.
Información sobre los modos claro y oscuro
Puedes crear dos estilos distintos para un solo ID de mapa: uno optimizado para fondos claros y otro para fondos oscuros. Los mapas para fondos claros usan un mapa base diferente al de los mapas para fondos oscuros. Por lo tanto, no puedes usar un mismo estilo para ambos modos.
Los diseños de modo claro y oscuro proporcionan el mapa diseñado más adecuado para diferentes entornos. Cuando usas el ID del mapa en tus aplicaciones, tu app puede cargar el diseño adecuado según el comportamiento programado o la configuración del dispositivo del usuario.
Cómo elegir el modo oscuro o claro cuando creas un diseño
Puedes elegir el modo claro o el modo oscuro cuando creas o copias un estilo. No puedes cambiar el modo de un diseño después de crearlo.
Puedes verificar el tipo de diseño en la página de detalles del diseño.
Para obtener instrucciones paso a paso sobre cómo crear diseños personalizados, consulta Crea y usa diseños de mapa.
Asocia un diseño de modo claro y un diseño de modo oscuro a un ID de mapa
Un ID de mapa solo admite un diseño de modo claro y un diseño de modo oscuro. Cuando haces clic en el ícono de Editar para cambiar un estilo de modo claro o de modo oscuro, el panel solo muestra tus estilos para ese modo. Para obtener más información, consulta Cómo asociar tu diseño a un ID de mapa.
Comprende cómo se aplican los diseños personalizados a varios tipos de mapas
Google Maps Platform ofrece diferentes tipos de mapas para satisfacer varios casos de uso, incluidos roadmap, terrain, hybrid y navigation. El nivel de personalización depende de si el mapa se basa en datos vectoriales (como roadmap y navigation) o en imágenes ráster (como hybrid y terrain).
- Mapas de datos vectoriales
- Estos mapas usan datos vectoriales, lo que te permite aplicar ajustes de diseño de forma integral a la mayoría de los componentes del mapa, incluidos los polígonos de tierra y agua, las rutas, los lugares de interés y los puntos de interés.
- Mapas de imágenes de trama
- Estos mapas usan principalmente imágenes de mapas. Por lo tanto, sus capacidades de diseño son limitadas. Por lo general, solo puedes aplicar diseño a los datos vectoriales que superpones en las imágenes, como etiquetas, pines y algunas polilíneas (es decir, rutas y fronteras). No puedes personalizar los elementos que forman parte de las imágenes básicas, como el color de un lago o el aspecto de una cordillera.
- La imagen muestra la hoja de ruta con un diseño personalizado de agua rosa. Sin embargo, cuando obtienes una vista previa del diseño para los tipos de mapas híbridos y de terreno, el agua no aparece de color rosa.
Definiciones de tipos de mapas y compatibilidad con modos
En la siguiente tabla, se definen los tipos de mapas y se muestra cuáles admiten los modos claro y oscuro:
| Tipo de mapa | Descripción | Vector o ráster | Compatibilidad con modos |
|---|---|---|---|
roadmap |
Una vista de mapa estándar que muestra rutas y elementos principales. | Vector | Ambos |
terrain |
Un mapa que enfatiza los accidentes físicos del terreno, como montañas, ríos y elevación. | Vector | Ambos |
hybrid |
Es una combinación de imágenes satelitales y datos de mapas de rutas que muestra los nombres de las calles y otras características clave superpuestas en las imágenes. | Trama | Solo modo claro |
navigation |
Es un tipo de mapa especializado optimizado para la guía paso a paso con el SDK de Navigation. Para obtener más información sobre la navegación, consulta la descripción general de la personalización de los estilos del mapa para el SDK de Navigation para Android y el SDK de Navigation para Android. | Trama | Ambos |
Notas sobre los diseños de polígonos para los tipos de mapa terrain y hybrid
Cuando apliques un diseño a los tipos de mapa terrain y hybrid, es posible que observes los siguientes comportamientos:
Cuando usas diseños personalizados en Android y iOS con el tipo de mapa
terrain, es posible que veas que el agua parpadea temporalmente. Este comportamiento esperado se produce cuando se aplica un diseño al agua, ya que los mosaicos de la hoja de ruta se cargan después de los mosaicos del terreno. Esta carga retrasada provoca un breve conflicto visual en los colores personalizados.Los diseños de polígonos pueden ocultar elementos del mapa subyacentes en los tipos de mapas
terrainyhybrid. Por ejemplo, un polígono de parque estilizado en un mapa de terreno podría ocultar detalles sutiles del terreno. En un mapa híbrido, podría ocultar las imágenes satelitales subyacentes.
Obtén una vista previa de tus diseños en cada tipo de mapa
Después de crear tus diseños personalizados, pruébalos en los diferentes tipos de mapas para ver cómo se aplican. Esto es especialmente importante porque no todos los diseños se aplican a todos los tipos de mapa.
En la consola de Google Cloud, puedes obtener una vista previa de tus diseños personalizados en el editor de diseño o en la página de detalles del mapa, de la siguiente manera:
- Editor de diseño: En el panel contextual, selecciona la lista desplegable
Map typey cambia el tipo de mapa. El mapa se actualizará y mostrará el tipo de mapa con el diseño que aplicaste. - Página de detalles del mapa: En la sección Vista previa del mapa, puedes cambiar entre los diseños de modo claro y oscuro, y cambiar la variante en la lista desplegable a diferentes tipos de mapas. Primero debes asociar tu diseño al ID de mapa para poder obtener una vista previa.
Aplica tus diseños personalizados a varios tipos de mapa
En la página de detalles del mapa, después de asociar tus diseños de modo claro y oscuro a tu ID de mapa, haz clic en Mostrar más para elegir si deseas aplicar tus diseños personalizados a varios tipos de mapas. Puedes volver a verificar cómo se aplica el diseño a los tipos de mapas en la sección Vista previa del mapa.