Anforderungen an die Quellenangabe für das UI-Kit für Places

In diesem Thema werden die Anforderungen für Quellenangaben für das Places UI Kit beschrieben. Weitere Informationen zu den Nutzungsbedingungen für das Places UI Kit finden Sie in den Nutzungsbedingungen für die Google Maps Platform.

Eingeschlossene Google Maps-Attribution

Die Google Maps-Attribution ist im Places UI Kit enthalten.

• Entfernen Sie die Quellenangabe nicht, unabhängig davon, wo sie angezeigt wird. Die Quellenangabe darf nicht verändert, ausgeblendet oder verdeckt werden. Sie muss gut sichtbar sein.
• Google Maps Platform-Inhalte müssen sich immer visuell von anderen Inhalten abheben. Verwenden Sie dazu visuelle Elemente wie Rahmen, Hintergrundfarben, Schatten oder ausreichend Weißraum.
• Bei visuellen Änderungen müssen Sie die Anforderungen an die Quellenangabe in Google Maps einhalten. Weitere Informationen finden Sie im folgenden Abschnitt.

Beispiel für eine Quellenangabe im Places UI Kit

Erforderliche Attribution, die auf die kompakte „Place Details“-Komponente angewendet wird. Auf dieser Karte, die nicht von Google stammt, ist die Google Maps-Attribution deutlich sichtbar und Google Maps Platform-Inhalte werden visuell von anderen Inhalten abgegrenzt.

Anforderungen an Quellenangaben in Google Maps

Die Quellenangabe sollte nach Möglichkeit das Google Maps-Logo enthalten. Wenn der Platz begrenzt ist, ist auch der Text Google Maps zulässig. Endnutzer müssen immer erkennen können, welche Inhalte von Google Maps stammen.

Links: Google Maps-Logo-Attribution, rechts: Google Maps-Text-Attribution

Logo-Attribution

Beachten Sie die folgenden Anforderungen, wenn Sie das Google Maps-Logo in Ihrer App oder auf Ihrer Website verwenden möchten.

Zulässige Varianten für die Google Maps-Logo-Attribution

Google Maps-Logos herunterladen

Verwenden Sie die offiziellen Google Maps-Logodateien. Laden Sie die Logos unten herunter und folgen Sie den Richtlinien in diesem Abschnitt.

Herunterladen: google_logo_ui_kit.zip

Beachten Sie bei der Verwendung des Google Maps-Logos die folgenden Richtlinien.

• Das Logo darf in keiner Weise verändert werden.
• Behalten Sie das Seitenverhältnis des Logos bei, um Verzerrungen zu vermeiden.
• Verwenden Sie das umrandete Logo auf einem unruhigen Hintergrund, z. B. auf einer Karte oder einem Bild.
• Verwenden Sie das Logo ohne Umriss auf einem einfachen Hintergrund, z. B. einer einfarbigen Fläche oder einem dezenten Farbverlauf.

Spezifikation für die Logogröße

Beachten Sie die folgenden Größenangaben für das Google Maps-Logo:

• Minimale Logohöhe:16 dp
• Maximale Logohöhe:19 dp
• Mindestabstand zum Logo:10 dp links, rechts und oben, 5 dp unten

Weitere Informationen zu dp finden Sie auf der Material Design-Website unter Pixeldichte.

Google Maps-Logo mit Mindestabstand und zulässigem Größenbereich

Barrierefreiheit des Logos

Beachten Sie die folgenden Anforderungen an die Barrierefreiheit für das Google Maps-Logo:

• Achten Sie auf einen gut sichtbaren Kontrast zwischen dem Logo und dem Hintergrund.
• Fügen Sie ein Label für die Barrierefreiheit mit dem Text Google Maps hinzu.

Unzulässige Abweichungen und Probleme mit der Barrierefreiheit bei der Google Maps-Logo-Attribution

Textquellenangabe

Wenn die Größe Ihrer Benutzeroberfläche die Verwendung des Google Maps-Logos nicht zulässt, können Sie Google Maps in Textform schreiben. Befolgen Sie diese Richtlinien:

Zulässige Varianten der Google Maps-Textquelle

• Ändern Sie den Text Google Maps in keiner Weise:
  
  • Ändern Sie die Groß- und Kleinschreibung von Google Maps nicht.
  • Google Maps darf nicht auf mehrere Zeilen verteilt werden.
  • Google Maps darf nicht in eine andere Sprache lokalisiert werden.
  • Mit dem HTML-Attribut translate="no" können Sie verhindern, dass Browser Google Maps übersetzen.

Unzulässige Varianten der Google Maps-Textquelle

• Formatieren Sie den Google Maps-Text wie in der folgenden Tabelle beschrieben:

  Anforderungen an den Textstil in Google Maps
  Attribut	Design
  Schriftfamilie	Roboto. Das Laden der Schriftart ist optional.
  Fallback-Schriftfamilie	Eine bereits in Ihrem Produkt verwendete serifenlose Schriftart oder „Sans-Serif“, um die Standardsystemschriftart aufzurufen
  Schriftstil	Normal
  Schriftstärke	400
  Schriftfarbe	Weiß, Schwarz (#1F1F1F) oder Grau (#5E5E5E) Achten Sie auf einen für alle Nutzer gut sichtbaren Kontrast (4,5:1) zum Hintergrund.
  Schriftgröße	Mindestschriftgröße: 12 sp Maximale Schriftgröße: 16 sp Weitere Informationen zu „sp“ finden Sie unter Einheiten für die Schriftgröße auf der Material Design-Website.
  Zeichenabstand	Normal

Beispiel-CSS

Mit dem folgenden CSS wird Google Maps mit dem entsprechenden typografischen Stil und der entsprechenden Farbe auf einem weißen oder hellen Hintergrund gerendert.

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

Visuelle Anforderungen

Beachten Sie die folgenden Anforderungen für die visuelle Darstellung der Google Maps-Attribution.

• Platzieren Sie die Attribution oben oder unten im Inhalt und im selben visuellen Container. Bei einer einzelnen Inhaltszeile kann die Attribution rechts oder links positioniert werden.

• Unterscheiden Sie Google Maps Platform-Inhalte visuell von anderen Inhalten, indem Sie UI-Elemente wie Rahmen, Hintergrundfarben, Schatten oder ausreichend Weißraum verwenden.

• Google Maps darf nicht falsch dargestellt werden, indem Inhalte verwendet werden, die nicht von der Google Maps Platform stammen.
• Die Quellenangabe muss immer sichtbar und gut lesbar sein. Sie dürfen sie nicht entfernen, verbergen, verdecken oder ändern.

Die folgenden Abbildungen zeigen Beispiele für diese visuellen Anforderungen.

Beispiel für die Google Maps-Attribution oben, unten und seitlich neben den Inhalten

Beispiel für drei Ansätze zur Unterscheidung von Google Maps-Inhalten (die Bewertung des Orts) von anderen Inhalten

Die Google Maps-Attribution darf nicht verdeckt oder mit Inhalten aus anderen Quellen vermischt werden