Políticas y atribuciones de la API de Maps JavaScript

En este documento, se enumeran los requisitos para las aplicaciones desarrolladas con la API de Maps JavaScript. Ten en cuenta que el uso de la API de Maps JavaScript se rige por tu Acuerdo con Google.

Políticas

En esta sección, se describen las políticas pertinentes para la API de Maps JavaScript. Las políticas proporcionan lineamientos y requisitos de implementación prácticos para ayudarte a usar el Servicio correctamente y de acuerdo con las expectativas de Google Maps Platform.

Excepciones a las restricciones de almacenamiento en caché

Ten en cuenta que el ID del lugar, que se usa para identificar un lugar de forma unívoca, está exento de las restricciones de almacenamiento en caché. Por lo tanto, puedes almacenar valores del ID del lugar de manera indefinida. El ID de lugar se devuelve en el campo place_id de las respuestas de la API. Consulta la guía sobre los IDs de lugar para saber cómo guardarlos, actualizarlos y administrarlos en la guía sobre los IDs de lugar.

Recopilación de contenido

Es posible que se te devuelva el nombre del lugar en función de las interacciones del usuario con tu app. Si capturas o conservas el nombre del lugar para usarlo en cualquier otro contexto fuera de la sesión del usuario, esto constituiría una recopilación, lo que no está permitido en nuestras condiciones.

Países y territorios del Espacio Económico Europeo

Este producto tiene diferentes Condiciones del Servicio para los clientes con una dirección de facturación en el Espacio Económico Europeo (EEE), y también puede tener diferentes funcionalidades. Antes de compilar con Google Maps Platform, revisa los siguientes términos e información específicos del EEE:

Si tu dirección de facturación no se encuentra en el EEE, se te aplicarán las siguientes Condiciones del Servicio:

Requisitos de atribución de Google Maps

En esta sección, se proporcionan los requisitos y lineamientos de atribución para mostrar Google Maps y el Contenido a través de tus aplicaciones.

Ejemplo de atribución

A continuación, se muestra un ejemplo de atribución para el kit de IU de Places.

Ejemplo de atribución del kit de IU de Places en un mapa que no es de Google
Atribución obligatoria aplicada al componente compacto de Place Details. En este mapa que no es de Google, la atribución de Google Maps es claramente visible, y el contenido de Google Maps Platform se diferencia visualmente de otro contenido.

Cómo mostrar la atribución de Google Maps

Debes seguir los requisitos de atribución de Google Maps cuando muestres Contenido de Google Maps Platform APIs en tu app o sitio web. No necesitas agregar una atribución adicional si el Contenido se muestra en un mapa de Google en el que la atribución ya es visible.

Atribución de Google Maps incluida

Para la atribución de Google Maps que ya proporciona Google Maps Platform en la interfaz de usuario, como en el kit de IU de Places, haz lo siguiente:

  • No quites la atribución incluida, sin importar dónde se muestre. No alteres, ocultes ni oscurezcas la atribución, y asegúrate de que sea claramente visible en el fondo.
  • Siempre distingue visualmente el Contenido de Google Maps Platform de otro contenido usando indicadores de IU como un borde, un color de fondo, una sombra o un espacio en blanco suficiente.
  • Cuando realices modificaciones visuales, debes cumplir con todos los requisitos de atribución de Google Maps.

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, el texto Google Maps es aceptable. 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: Ejemplo de atribución del logotipo de Google Maps. Derecha: Ejemplo de 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
Ejemplos de 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 en un fondo cargado, como un mapa o una imagen.
  • Usa el logotipo sin contorno en 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
Ejemplo del 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
Ejemplos de 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
Ejemplos de 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 ajustes 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
Ejemplos de 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 CSS renderiza Google Maps con el estilo tipográfico y el color 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;
}

Requisitos visuales

Sigue estos requisitos para el tratamiento visual de la atribución de Google Maps.
  • Posiciona la atribución cerca de la parte superior o inferior del contenido, y dentro del mismo contenedor visual. Para una sola línea de contenido, la atribución se puede posicionar a la derecha o a la izquierda.

  • Distingue visualmente el Contenido de Google Maps Platform de otro contenido usando indicadores de IU, como un borde, un color de fondo, una sombra o un espacio en blanco suficiente.

  • No tergiverses Google Maps atribuyéndolo con contenido que no sea de Google Maps Platform.
  • Verifica que la atribución siempre sea visible y legible. Nunca la quites, ocultes, oscurezcas ni modifiques.

En las siguientes imágenes, se muestran ejemplos de estos requisitos visuales.

Ejemplo de la atribución de Google Maps ubicada en la parte superior, en la parte inferior y al costado del contenido
Ejemplo de atribución de Google Maps posicionada en la parte superior, en la parte inferior y al costado del contenido

Ejemplo de dos enfoques para diferenciar el contenido de Google Maps (la calificación del lugar) de otro contenido
Ejemplo de dos enfoques para diferenciar el Contenido de Google Maps (la calificación del lugar) de otro contenido

No ocultes la atribución de Google Maps ni la mezcles con contenido de otras fuentes.
No oscurezcas la atribución de Google Maps ni la mezcles con contenido de otras fuentes

Proveedores externos de datos

Algunos de los datos y las imágenes que se utilizan en nuestros productos de creación de mapas son de proveedores ajenos a Google. En el caso de algunos productos, como la API de Map Tiles, es posible que te proporcionemos la atribución requerida al proveedor de datos externo. Cuando lo hagamos, el texto de tu atribución deberá indicar el nombre "Google Maps" y los proveedores de datos correspondientes; por ejemplo, "Datos del mapa: Google y Maxar Technologies". No se considera una atribución adecuada incluir solo "Google Maps" o el logotipo de Google cuando Google proporciona la atribución de terceros.

Otros requisitos de atribución

Sigue estas instrucciones para recuperar y mostrar atribuciones de terceros en tu aplicación.

Cómo recuperar las atribuciones de un lugar

Si muestra información de opiniones que se obtiene llamando a Place.fetchFields, tu aplicación también deberá mostrar las atribuciones de terceros que correspondan a los detalles del lugar.

La API devuelve un objeto Place. Para recuperar las atribuciones del objeto Place, usa la propiedad Place.attributions, que se devuelve con cada solicitud (no hace falta especificarla con campos). La propiedad devuelve una List de objetos String, o bien null si no hay atribuciones para mostrar. El siguiente código de ejemplo muestra cómo obtener un lugar y una lista de posibles atribuciones.

  // Use place ID to create a new Place instance.
  const place = new Place({
      id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen
  });

  // Call fetchFields, passing the desired data fields.
  await place.fetchFields({
      fields: ["displayName", "formattedAddress", "location", "reviews"],
  });

  // Check for any place attributions.
  if (!place.attributions) {
      console.log('No attributions were found.');
      return;
  } else {
      // Log the place attribution
      for (var attribution of place.attributions) {
          console.log(attribution);
      }
  }

  

Cómo mostrar una opinión

Un objeto Place puede contener hasta cinco opiniones, cada una representada con un objeto Review. Opcionalmente, puedes mostrar esas opiniones en tu aplicación.

Cuando muestras opiniones de los usuarios de Google, debes colocar el nombre del autor en una posición cercana. Te recomendamos incluir la foto del autor y también el vínculo a su perfil si están disponibles en su campo de atribución del objeto Review. La siguiente imagen muestra un ejemplo de una opinión sobre un parque:

Forma en que se muestra la atribución del autor

El siguiente ejemplo muestra cómo obtener un lugar, verificar si hay opiniones y mostrar los datos de la primera opinión:

  // Use place ID to create a new Place instance.
  const place = new Place({
    id: "ChIJpyiwa4Zw44kRBQSGWKv4wgA", // Faneuil Hall Marketplace, Boston, MA
  });

  // Call fetchFields, passing "reviews" and other needed fields.
  await place.fetchFields({
      fields: ["displayName", "formattedAddress", "location", "reviews"],
  });

  // If there are any reviews display the first one.
  if (!place.reviews) {
      console.log('No reviews were found.');
  } else {
      // Log the review count so we can see how many there are.
      console.log("REVIEW COUNT: " + place.reviews.length);

      // Get info for the first review.
      let reviewRating = place.reviews[0].rating;
      let reviewText = place.reviews[0].text;
      let authorName = place.reviews[0].authorAttribution.displayName;
      let authorUri = place.reviews[0].authorAttribution.uri;

      // Create a bit of HTML to add to the info window
      const contentString =
        '<div id="title"><b>' + place.displayName + '</b></div>' +
        '<div id="address">' + place.formattedAddress + '</div>' +
        '<a href="' + authorUri + '" target="_blank">Author: ' + authorName + '</a>' +
        '<div id="rating">Rating: ' + reviewRating + ' stars</div>' +
        '<div id="rating""><p>Review: ' + reviewText + '</p></div>';

      // Create an info window.
      infoWindow = new InfoWindow({
          content: contentString,
          ariaLabel: place.displayName,
      });

      // Add a marker for the place.
      const marker = new AdvancedMarkerElement({
          map,
          position: place.location,
          title: place.displayName,
      });

      // Show the info window.
      infoWindow.open({
          anchor: marker,
          map,
      });
  }
  

Consulta la documentación sobre las opiniones de lugares.

Cómo mostrar las atribuciones de una foto

Si tu aplicación muestra fotos, debes incluir la atribución del autor de cada foto que la incluya. En un objeto Place de una respuesta, los detalles de la foto se incluyen en el array photos. Para agregar el array photos a la respuesta, incluye el campo de datos photos en la solicitud.

Cada elemento del array de fotos es una instancia de Photo, que contiene el array authorAttributions, del tipo AuthorAttribution. Los campos del AuthorAttribution objeto son cadenas que contienen la información de displayName, uri y photoUri de la atribución, o bien una cadena nula si no hay atribuciones para mostrar.

Consulta la documentación sobre las fotos de lugares.

Atribuciones de resultados de la búsqueda

En Europa, cuando se usa la clasificación no adulterada de Google, los productos de búsqueda deben tener un texto explicativo que no esté a más de 1 clic de distancia y que describa los factores principales y la ponderación de los factores principales que determinan la clasificación de los resultados de la búsqueda. Texto explicativo:

Encabezado: Acerca de estos resultados

Cuerpo: Cuando busques empresas o lugares cerca de una ubicación, Google Maps te mostrará resultados locales. Varios factores, principalmente la relevancia, la distancia y la importancia, se combinan para encontrar los mejores resultados para tu búsqueda.

Botón 1: Más información
"Más información" texto debe vincularse a un artículo del Centro de ayuda.

Botón 2: Aceptar

Autocompletado para direcciones de usuarios finales

Cuando un usuario final usa la función de Autocompletar en tu Aplicación del Cliente para escribir una dirección y esa dirección hubiera sido proporcionada de forma completa y precisa por ese usuario final sin Autocompletar, la dirección seleccionada por el usuario final no estará sujeta a las restricciones de Contenido de Google Maps en tu Acuerdo de Google Maps Platform. Esta excepción solo se aplica a la dirección seleccionada por el usuario final y únicamente para la transacción específica de ese usuario final; no se aplica a la lista de direcciones sugeridas que proporciona la función de Autocompletar ni a otro Contenido de Google Maps. Esta excepción no se aplica a ninguna función de búsqueda de PDI o direcciones que ofrezcan otros Servicios de Google Maps Platform.

Autocompletar la dirección del usuario final

En la imagen anterior, la lista de direcciones de la izquierda aún está sujeta a las restricciones sobre el Contenido de Google Maps. Una vez que el usuario final selecciona la dirección elegida, esa dirección no está sujeta a las restricciones sobre el Contenido de Google Maps únicamente para la transacción aplicable de ese usuario final.

Resúmenes potenciados por IA

Cuando muestres resúmenes potenciados por IA en tu app, incluidos los resúmenes de lugares, áreas y opiniones, debes hacer lo siguiente:

  • Mostrar las atribuciones, los vínculos de informes y los vínculos de referencia obligatorios, como se define a continuación.
  • Los usuarios finales deben poder leer el texto completo del resumen tal como lo proporciona Google Maps.

Mostrar el texto de divulgación de los resúmenes potenciados por IA

Cuando muestres un resumen potenciado por IA de cualquier tipo, siempre incluye el texto de divulgación localizado (que se proporciona en el campo disclosureText del cuerpo de la respuesta) inmediatamente debajo del resumen. Nunca modifiques ni aumentes el texto de divulgación que proporciona la API.

Divulgación para todos los tipos de resúmenes potenciados por IA
Figura 1: Texto de divulgación que se muestra correctamente debajo de cada uno de los tres tipos de resúmenes potenciados por IA.

Requisitos adicionales para los resúmenes de lugares y áreas

Los resúmenes de lugares y áreas que se muestran en tu app deben estar acompañados del siguiente texto y los vínculos obligatorios:

Texto Requisito
Acerca de este resumen Usa el siguiente vínculo a "Cómo Google obtiene y usa la información en las fichas locales": https://support.google.com/local-listings/answer/9851099.
Resumen de la denuncia

Usa el vínculo que se incluye en el campo flagContentUri de la respuesta para permitir que se denuncie un problema a Google sobre el contenido de un resumen.

Nota: Los resúmenes potenciados por IA que se proporcionan a través de la API de Places (New) están sujetos a las políticas de productos y de contenido de Google, sin importar en qué lugar del mundo te encuentres. Debes notificar a tus usuarios finales que, si desean denunciar contenido que se debe quitar de los servicios de Google en virtud de las leyes aplicables, deben denunciarlo con la URL de contenido marcada proporcionada (flagContentUri).

Divulgación de resúmenes de lugares y áreas
Figura 2: Resumen de área potenciado por IA que se muestra con los vínculos asociados obligatorios disponibles para los usuarios finales mediante un menú de desbordamiento.

Requisitos de los resúmenes de opiniones

Los resúmenes de opiniones que se muestran en tu app deben estar acompañados de un encabezado con el texto "Resumen de opiniones". Además, debes usar el siguiente texto y los vínculos obligatorios:

Texto Requisito
Acerca de este resumen Usa el siguiente vínculo a "Cómo Google obtiene y usa la información en las fichas locales": https://support.google.com/local-listings/answer/9851099
Resumen de la denuncia

Usa el vínculo que se incluye en el campo flagContentUri de la respuesta.

Nota: Los resúmenes potenciados por IA que se proporcionan a través de la API de Places (New) están sujetos a las políticas de productos y de contenido de Google, sin importar en qué lugar del mundo te encuentres. Debes notificar a tus usuarios finales que, si desean denunciar contenido que se debe quitar de los servicios de Google en virtud de las leyes aplicables, deben denunciarlo con la URL de contenido marcada proporcionada (flagContentUri).

Ver opiniones Usa el vínculo que se incluye en el campo reviewSummary.reviewsUri de la respuesta.
Divulgación de información sobre los resúmenes de opiniones
Figura 3: Resumen de opiniones potenciado por IA que se muestra con los vínculos asociados obligatorios disponibles para los usuarios finales mediante un menú de desbordamiento.

Orientación de visualización para casos de uso automotriz

Para la seguridad del conductor, Google recomienda renderizar resúmenes potenciados por IA en el modo estacionado para experiencias automotrices. Si renderizas resúmenes en el modo de conducción, la información en pantalla debe ser simple, clara y concisa para garantizar que la atención del conductor vuelva rápidamente a la carretera:

  • No más de 3 líneas
  • 120 caracteres o 24 palabras o menos
  • Tamaño mínimo de fuente de 24 dp

En especial en contextos automotrices, es responsabilidad del desarrollador renderizar resúmenes potenciados por IA de maneras seguras y que cumplan con todas las leyes y reglamentaciones locales.