Lineamientos para la atribución de texto de Grounding Lite

En esta página, se proporcionan los requisitos y lineamientos de atribución para mostrar contenido de Grounding Lite en tus aplicaciones.

Cómo mostrar la atribución de Google Maps

Debes seguir los requisitos de atribución de Google Maps cuando muestres contenido de Grounding Lite en tu app o sitio web. No es necesario agregar atribución adicional si el contenido se muestra en un mapa de Google en el que la atribución ya es visible.

Siempre que sea posible, la atribución debe tomar la forma del logotipo de Google Maps. En los casos en que el espacio sea limitado, se acepta el texto Google Maps. Siempre debe quedar claro para los usuarios finales qué contenido proporciona Google Maps.

Izquierda: Atribución del logotipo de Google Maps. Derecha: Atribución de texto de Google Maps.
Izquierda: Atribución del logotipo de Google Maps. Derecha: Atribución de texto de Google Maps

Atribución del logotipo

Sigue estos requisitos para usar el logotipo de Google Maps en tu app o sitio web.

Variaciones aceptables para la atribución del logotipo de Google Maps
Variaciones aceptables para la atribución del logotipo de Google Maps

Cómo descargar los logotipos de Google Maps

Usa los archivos oficiales del logotipo de Google Maps. Descarga los logotipos que se muestran a continuación y sigue los lineamientos de esta sección.

Descarga los recursos de atribución de Google Maps

Cuando uses el logotipo de Google Maps, sigue estos lineamientos.

  • No modifiques el logotipo de ninguna manera.
  • Mantén la relación de aspecto del logotipo para evitar la distorsión.
  • Usa el logotipo con contorno sobre un fondo ocupado, como un mapa o una imagen.
  • Usa el logotipo sin contorno sobre un fondo simple, como un color sólido o un degradado sutil.

Especificación del tamaño del logotipo

Sigue estas especificaciones de tamaño para el logotipo de Google Maps:

  • Altura mínima del logotipo: 16 dp
  • Altura máxima del logotipo: 19 dp
  • Espacio libre mínimo del logotipo: 10 dp a la izquierda, a la derecha y en la parte superior, y 5 dp en la parte inferior

Para obtener información sobre dp, consulta Densidad de píxeles en el sitio web de Material Design.

Logotipo de Google Maps que muestra el espacio libre mínimo y el rango de tamaño aceptable
Logotipo de Google Maps que muestra el espacio libre mínimo y el rango de tamaño aceptable

Accesibilidad del logotipo

Sigue estos requisitos de accesibilidad para el logotipo de Google Maps:

  • Mantén un contraste accesible entre el logotipo y el fondo.
  • Incluye una etiqueta de accesibilidad con el texto Google Maps.
Variaciones inaceptables y problemas de accesibilidad para la atribución del logotipo de Google Maps
Variaciones inaceptables y problemas de accesibilidad para la atribución del logotipo de Google Maps

Atribución de texto

Si el tamaño de tu interfaz no admite el uso del logotipo de Google Maps, puedes escribir Google Maps en texto. Sigue estos lineamientos:

Variaciones aceptables de la atribución de texto de Google Maps
Variaciones aceptables de la atribución de texto de Google Maps
  • No modifiques el texto Google Maps de ninguna manera:
    • No cambies el uso de mayúsculas y minúsculas de Google Maps.
    • No dividas Google Maps en varias líneas.
    • No localices Google Maps en otro idioma.
    • Evita que los navegadores traduzcan Google Maps usando el atributo HTML translate="no".
Variaciones inaceptables de la atribución de texto de Google Maps
Variaciones inaceptables de la atribución de texto de Google Maps
  • Aplica el estilo al texto de Google Maps como se describe en la siguiente tabla:

    Requisitos de estilo de texto de Google Maps
    Propiedad Estilo
    Familia de fuentes Roboto. Cargar la fuente es opcional.
    Familia de fuentes de resguardo Cualquier fuente de cuerpo Sans Serif que ya se use en tu producto o "Sans-Serif" para invocar la fuente predeterminada del sistema
    Estilo de fuente Normal
    Grosor de la fuente 400
    Color de la fuente Blanco, negro (#1F1F1F) o gris (#5E5E5E). Mantén un contraste accesible (4.5:1) con el fondo.
    Tamaño de fuente Tamaño de fuente mínimo: 12 sp
    Tamaño de fuente máximo: 16 sp
    Para obtener información sobre sp, consulta Unidades de tamaño de fuente en el sitio web de Material Design.
    Espacio entre letras Normal

Ejemplo de CSS

El siguiente código CSS renderiza Google Maps con el color y el estilo tipográfico adecuados sobre un fondo blanco o claro.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}