Exigences d'attribution pour le kit UI Places

Cet article décrit les exigences concernant l'attribution pour le kit d'UI Places. Pour en savoir plus sur les conditions d'utilisation de la UI Kit Places, consultez les Conditions d'utilisation de Google Maps Platform.

Attribution Google Maps incluse

L'attribution Google Maps est incluse dans le kit d'UI Places.

• Ne supprimez pas l'attribution incluse, quel que soit l'endroit où elle s'affiche. N'altérez pas, ne masquez pas ni ne cachez pas l'attribution, et assurez-vous qu'elle est facilement visible par rapport à l'arrière-plan.
• Distinguez toujours visuellement le contenu Google Maps Platform des autres contenus à l'aide d'éléments d'interface utilisateur tels qu'une bordure, une couleur d'arrière-plan, une ombre ou un espace négatif suffisant.
• Lorsque vous apportez des modifications visuelles, vous devez respecter les exigences d'attribution de Google Maps. Pour en savoir plus, consultez la section suivante.

Exemple d'attribution avec le kit UI pour Places

Attribution obligatoire appliquée au composant compact Place Details. Sur cette carte autre que Google, l'attribution Google Maps est clairement visible, et le contenu Google Maps Platform est visuellement différencié des autres contenus.

Exigences concernant l'attribution dans Google Maps

Dans la mesure du possible, l'attribution doit prendre la forme du logo Google Maps. Lorsque l'espace est limité, le texte Google Maps est acceptable. Les utilisateurs finaux doivent toujours savoir clairement quel contenu est fourni par Google Maps.

À gauche: attribution du logo Google Maps, à droite: attribution du texte Google Maps

Attribution de logo

Suivez ces exigences pour utiliser le logo Google Maps dans votre application ou votre site Web.

Variations acceptables pour l'attribution du logo Google Maps

Télécharger les logos Google Maps

Utilisez les fichiers de logo Google Maps officiels. Téléchargez les logos ci-dessous et suivez les consignes de cette section.

Télécharger:google_logo_ui_kit.zip

Lorsque vous utilisez le logo Google Maps, suivez ces consignes.

• Ne modifiez pas le logo.
• Conservez le format du logo pour éviter toute distorsion.
• Utilisez le logo avec contour sur un arrière-plan chargé, comme une carte ou une image.
• Utilisez le logo sans contour sur un arrière-plan uni, comme une couleur unie ou un dégradé subtil.

Spécifications concernant la taille du logo

Respectez les spécifications de taille suivantes pour le logo Google Maps :

• Hauteur minimale du logo:16 dp
• Hauteur maximale du logo:19 dp
• Espace vide minimal du logo:10 dp à gauche, à droite et en haut, 5 dp en bas

Pour en savoir plus sur les dp, consultez la section Densité de pixels sur le site Web de Material Design.

Logo Google Maps indiquant l'espace vide minimal et la plage de tailles acceptables

Accessibilité du logo

Respectez les exigences d'accessibilité suivantes pour le logo Google Maps :

• Assurez-vous que le logo et l'arrière-plan présentent un contraste accessible.
• Incluez un libellé d'accessibilité avec le texte Google Maps.

Variations inacceptables et problèmes d'accessibilité pour l'attribution du logo Google Maps

Attribution de texte

Si la taille de votre interface ne permet pas d'utiliser le logo Google Maps, vous pouvez écrire Google Maps en texte. Suivez les instructions ci-dessous :

Variations acceptables de l'attribution du texte Google Maps

• Ne modifiez en aucun cas le texte Google Maps:
  
  • Ne modifiez pas la casse de Google Maps.
  • Ne pas mettre Google Maps sur plusieurs lignes
  • Ne localisez pas Google Maps dans une autre langue.
  • Empêchez les navigateurs de traduire Google Maps à l'aide de l'attribut HTML translate="no".

Variations non acceptables de l'attribution du texte Google Maps

• Appliquez un style au texte Google Maps, comme décrit dans le tableau suivant:

  Exigences concernant la mise en forme du texte dans Google Maps
  Propriété	Style
  Famille de polices	Roboto Le chargement de la police est facultatif.
  Famille de polices de remplacement	Toute police de corps sans serif déjà utilisée dans votre produit ou "Sans-serif" pour appeler la police système par défaut
  Style de police	Normale
  Épaisseur de la police	400
  Couleur de la police	Blanc, noir (#1F1F1F) ou gris (#5E5E5E). Maintenez un contraste (4,5:1) accessible par rapport à l'arrière-plan.
  Taille de police	Taille de police minimale: 12 sp Taille de police maximale: 16 sp Pour en savoir plus sur les sp, consultez la section Unités de taille de police sur le site Web de Material Design.
  L'espacement entre les lettres	Normale

Exemple d'élément CSS

Le CSS suivant affiche Google Maps avec le style et la couleur typographiques appropriés sur un arrière-plan blanc ou clair.

@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;
}

Exigences visuelles

Suivez ces exigences pour le traitement visuel de l'attribution Google Maps.

• Placez l'attribution en haut ou en bas du contenu, et dans le même conteneur visuel. Pour une seule ligne de contenu, l'attribution peut être placée à droite ou à gauche.

• Distinguez visuellement le contenu Google Maps Platform des autres contenus à l'aide d'éléments d'interface utilisateur tels qu'une bordure, une couleur d'arrière-plan, une ombre ou un espace négatif suffisant.

• Ne présentez pas Google Maps de manière trompeuse en lui attribuant du contenu qui n'est pas Google Maps Platform.
• Assurez-vous que l'attribution est toujours visible et lisible. Vous ne devez jamais le supprimer, le masquer, l'obscurcir ni le modifier.

Les images suivantes illustrent des exemples de ces exigences visuelles.

Exemple d'attribution Google Maps placée en haut, en bas et sur le côté du contenu

Exemple de trois approches permettant de différencier le contenu Google Maps (l'avis sur le lieu) des autres contenus

N'obscurcissez pas l'attribution Google Maps ni ne la mélangez à du contenu provenant d'autres sources