El diseño de mapas basado en Cloud ahora tiene disponible un diseño de mapa actualizado para la Web y los dispositivos móviles. Esta actualización del diseño de mapas incluye una nueva paleta de colores predeterminada, pines modernizados y mejoras en la experiencia y la usabilidad del mapa. Para obtener más información, consulta
Nuevo diseño de mapa para Google Maps Platform. Para empezar a utilizar los nuevos colores de mapa con el diseño de mapas basado en Cloud, consulta
Cómo actualizar un diseño de mapa a la versión más reciente.
Lista de tareas de diseño
Los siguientes lineamientos hacen referencia a dificultades frecuentes a la hora de crear o editar el diseño de un mapa. Google recomienda consultar también a un diseñador gráfico para ensamblar y revisar el diseño.
Asegúrate de que haya suficiente contraste de colores: El contraste permite que el texto sea fácil de leer y ayuda a destacar ciertos componentes del mapa. Para obtener más detalles, consulta Cómo elegir colores de relleno y trazo contrastantes.
Verifica distintos niveles de zoom: Comprueba que tus elementos de diseño se vean bien en los distintos niveles de zoom.
Evita las combinaciones de colores que sean problemáticas para los usuarios daltónicos: Asegúrate de que tu diseño sea apto para las personas daltónicas.
Prueba el Modo nocturno: Asegúrate de que tu diseño funcione bien con el Modo nocturno de los dispositivos móviles.
Elige colores contrastantes para el relleno y el trazo
Asegúrate de que haya suficiente contraste entre los colores de relleno y de trazo para que los componentes de tu mapa se puedan distinguir fácilmente del fondo y de otros componentes similares del mapa.
Polígonos que representan líneas: Elige colores que contrasten para mostrar los detalles de la línea. Por ejemplo, los caminos se representan con líneas de puntos y, si los colores no son suficientemente contrastantes, pueden verse como una línea continua. Las autopistas se representan con los bordes externos, de modo que, si los colores no contrastan, pueden verse como líneas continuas y confundirse con otros tipos de caminos.
Polígonos que representan formas: El contraste ayuda a ver los límites entre distintos polígonos que se muestran juntos.
Trazo y relleno del texto: En el texto, el color del trazo marca el contorno y ayuda a facilitar la lectura sobre el fondo. Si el color del trazo es demasiado similar al del relleno, las fuentes pueden parecer borrosas o fuera de foco.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-02-28 (UTC)
[null,null,["Última actualización: 2025-02-28 (UTC)"],[[["These guidelines provide design best practices for creating or editing map styles, emphasizing clear contrast, zoom level considerations, and colorblind-friendly choices."],["Ensuring sufficient contrast between fill and stroke colors is crucial for distinguishing map features, like lines and polygons, from the background and each other."],["Text readability is enhanced by using contrasting stroke and fill colors, preventing blurriness and ensuring clarity against various backgrounds."],["It is recommended to test map styles at different zoom levels and in Night mode (for mobile) to ensure consistent visual appeal and functionality."],["Consulting with a graphic designer is advisable for comprehensive design assembly and review, supplementing these technical guidelines with professional aesthetic guidance."]]],["Map style design guidelines recommend consulting a graphic designer. Key actions include ensuring sufficient color contrast between fill and stroke colors for readability and feature distinction, especially in lines, shapes, and text. Test designs at various zoom levels and consider colorblind users. For mobile, verify compatibility with Night mode. Contrast helps avoid issues like solid lines appearing instead of dotted lines or blurry text. Platforms for customization include Android, iOS, JavaScript, and Web Service.\n"]]
