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.

Attribution de logo

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

• 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.

Accessibilité du logo

• 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.

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 :

• 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".

• 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

• 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.