Richtlinien für Maps JavaScript API

In diesem Dokument werden die Anforderungen für Anwendungen aufgeführt, die mit der Maps JavaScript API entwickelt wurden. Die Nutzung der Maps JavaScript API unterliegt Ihrer Vereinbarung mit Google.

Richtlinien

In diesem Abschnitt werden Richtlinien beschrieben, die für die Maps JavaScript API relevant sind. Richtlinien enthalten praktische Implementierungsrichtlinien und Anforderungen, damit Sie den Dienst korrekt und gemäß den Erwartungen der Google Maps Platform verwenden.

Ausnahmen von den Caching-Einschränkungen

Die Orts-ID, die zur eindeutigen Identifizierung eines Orts verwendet wird, ist von der Caching-Einschränkung ausgenommen. Sie können die entsprechenden Werte also unbegrenzt speichern. Die Orts-ID wird im Feld place_id in API-Antworten zurückgegeben. Informationen zum Speichern, Aktualisieren und Verwalten von Orts-IDs finden Sie in diesem Leitfaden.

Content-Scraping

Der Ortsname kann Ihnen basierend auf Nutzerinteraktionen mit Ihrer App zurückgegeben werden. Wenn Sie den Ortsnamen erfassen oder speichern, um ihn in einem anderen Kontext als der Nutzersitzung zu verwenden, würde dies als Scraping gelten, was gemäß unseren Nutzungsbedingungen nicht zulässig ist.

Länder und Gebiete im Europäischen Wirtschaftsraum

Für dieses Produkt gelten unterschiedliche Nutzungsbedingungen für Kunden mit einer Rechnungsadresse im Europäischen Wirtschaftsraum (EWR). Es kann auch unterschiedliche Funktionen haben. Bevor Sie die Google Maps Platform nutzen, sollten Sie sich die folgenden EWR-spezifischen Nutzungsbedingungen und Informationen ansehen:

Wenn sich Ihre Rechnungsadresse nicht im EWR befindet, gelten für Sie die folgenden Nutzungsbedingungen:

Anforderungen für Quellenangaben in Google Maps

In diesem Abschnitt finden Sie die Anforderungen und Richtlinien zur Quellenangabe für die Anzeige von Google Maps und Inhalten über Ihre Anwendungen.

Beispiel für die Quellenangabe

Im Folgenden finden Sie ein Beispiel für die Quellenangabe für das Places UI Kit.

Beispiel für die Quellenangabe für das Places UI Kit auf einer Karte, die nicht von Google stammt
Erforderliche Quellenangabe für die kompakte „Place Details“-Komponente. Auf dieser Karte, die nicht von Google stammt, ist der Google Maps-Quellenverweis deutlich sichtbar und Google Maps Platform-Inhalte sind optisch von anderen Inhalten abgegrenzt.

Google Maps-Quellenangabe anzeigen

Wenn Sie Inhalte aus Google Maps Platform APIs in Ihrer App oder auf Ihrer Website präsentieren, müssen Sie die Anforderungen an die Quellenangabe für Google Maps einhalten. Wenn die Inhalte auf einer Google-Karte angezeigt werden, auf der die Quellenangabe bereits sichtbar ist, müssen Sie keine zusätzliche Quellenangabe hinzufügen.

Google Maps-Quellenangabe

Für die Google Maps-Quellenangabe, die bereits von der Google Maps Platform in der Benutzeroberfläche bereitgestellt wird, z. B. im Places UI Kit:

  • Entfernen Sie die Quellenangabe nicht, unabhängig davon, wo sie angezeigt wird. Ändern, verbergen oder verdecken Sie die Quellenangabe nicht und sorgen Sie dafür, dass sie sich deutlich vom Hintergrund abhebt.
  • Google Maps Platform-Inhalte müssen immer durch UI-Hinweise wie einen Rahmen, eine Hintergrundfarbe, einen Schatten oder ausreichend Leerraum visuell von anderen Inhalten abgegrenzt werden.
  • Bei visuellen Änderungen müssen Sie alle Anforderungen an die Quellenangabe von Google Maps einhalten.

Die Quellenangabe sollte nach Möglichkeit in Form des Google Maps-Logos erfolgen. Wenn der Platz begrenzt ist, ist der Text Google Maps zulässig. Für Endnutzer muss immer klar erkennbar sein, welche Inhalte von Google Maps bereitgestellt werden.

Links: Quellenangabe mit Google Maps-Logo, rechts: Quellenangabe mit Google Maps-Text
Links: Google Maps-Logo-Quellenangabe, rechts: Google Maps-Text-Quellenangabe

Logo-Attribution

Beachten Sie die folgenden Anforderungen für die Verwendung des Google Maps-Logos in Ihrer App oder auf Ihrer Website.
Zulässige Varianten für die Quellenangabe des Google Maps-Logos
Zulässige Variationen für die Quellenangabe des Google Maps-Logos

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.

Google Maps-Attributions-Assets herunterladen

Beachten Sie die folgenden Richtlinien, wenn Sie das Google Maps-Logo verwenden.

  • Das Logo darf auf keine Weise verändert werden.
  • Behalten Sie das Seitenverhältnis des Logos bei, damit es nicht verzerrt wird.
  • Verwenden Sie das Logo mit Umriss auf einem unruhigen Hintergrund, z. B. einer Karte oder einem Bild.
  • Verwenden Sie das nicht umrandete Logo auf einem einfachen Hintergrund, z. B. einer einheitlichen Farbe oder einem dezenten Farbverlauf.

Vorgaben für die Logogröße

Beachten Sie die folgenden Größenangaben für das Google Maps-Logo:
  • Mindesthöhe des Logos:16 dp
  • Maximale Logohöhe:19 dp
  • Mindestabstand für das 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 minimalem Leerraum und zulässigem Größenbereich
Google Maps-Logo mit minimalem Leerraum und zulässigem Größenbereich

Barrierefreiheit von Logos

Beachten Sie die folgenden Anforderungen an die Barrierefreiheit für das Google Maps-Logo:
  • Achten Sie auf einen barrierefreien Kontrast zwischen dem Logo und dem Hintergrund.
  • Fügen Sie ein Label für Barrierefreiheit mit dem Text Google Maps ein.
Nicht zulässige Varianten und Probleme mit der Barrierefreiheit bei der Quellenangabe für das Google Maps-Logo
Nicht akzeptable Varianten und Probleme mit der Barrierefreiheit bei der Quellenangabe des Google Maps-Logos

Quellenangabe im Text

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

Zulässige Varianten der Google Maps-Quellenangabe
Zulässige Variationen der Google Maps-Textquellenangabe
  • Ändern Sie den Text Google Maps nicht:
    • Ändern Sie die Groß- und Kleinschreibung von Google Maps nicht.
    • Google Maps nicht auf mehrere Zeilen aufteilen
    • Google Maps darf nicht in eine andere Sprache lokalisiert werden.
    • Verhindern Sie, dass Browser Google Maps übersetzen, indem Sie das HTML-Attribut translate="no" verwenden.
Nicht zulässige Varianten der Quellenangabe für Google Maps
Unzulässige Varianten der Google Maps-Textquellenangabe
  • Formatieren Sie den Google Maps-Text wie in der folgenden Tabelle beschrieben:

    Anforderungen an die Textformatierung in Google Maps
    Attribut Design
    Schriftfamilie Roboto Das Laden der Schriftart ist optional.
    Fallback-Schriftfamilie Eine beliebige serifenlose Schriftart, die bereits in Ihrem Produkt verwendet wird, oder „Sans-Serif“, um die Standardsystemschriftart aufzurufen
    Schriftstil Normal
    Schriftstärke 400
    Schriftfarbe Weiß, Schwarz (#1F1F1F) oder Grau (#5E5E5E). Achten Sie auf einen zugänglichen Kontrast von 4,5:1 zum Hintergrund.
    Schriftgröße Minimale Schriftgröße: 12 sp
    Maximale Schriftgröße: 16 sp
    Weitere Informationen zu „sp“ finden Sie auf der Material Design-Website unter Font size units.
    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 Quellenangabe für Google Maps.
  • Die Quellenangabe muss sich in der Nähe des oberen oder unteren Rands des Inhalts und im selben visuellen Container befinden. Bei einer einzelnen Inhaltszeile kann die Quellenangabe rechts oder links positioniert werden.

  • Google Maps Platform-Inhalte müssen sich durch UI-Elemente wie Rahmen, Hintergrundfarbe, Schatten oder ausreichend Leerraum visuell von anderen Inhalten abheben.

  • Google Maps darf nicht falsch dargestellt werden, indem Inhalte, die nicht zur Google Maps Platform gehören, Google Maps zugeordnet werden.
  • Achten Sie darauf, dass die Quellenangabe immer sichtbar und gut lesbar ist. Entfernen, verbergen, verdecken oder ändern Sie sie niemals.

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

Beispiel für die Quellenangabe von Google Maps oben, unten und seitlich des Inhalts
Beispiel für die Quellenangabe von Google Maps oben, unten und seitlich neben den Inhalten

Beispiel für drei Ansätze zur Unterscheidung von Google Maps-Inhalten (der Ortsbewertung) von anderen Inhalten
Beispiel für drei Ansätze zur Unterscheidung von Google Maps-Inhalten (der Ortsbewertung) von anderen Inhalten

Die Quellenangabe für Google Maps darf nicht verdeckt oder mit Inhalten aus anderen Quellen vermischt werden.
Die Quellenangabe von Google Maps darf nicht verdeckt oder mit Inhalten aus anderen Quellen vermischt werden.

Drittanbieter von Daten

Einige der Daten und Bilder in unseren Kartierungsprodukten stammen von anderen Anbietern als Google. Bei einigen Produkten, z. B. der Map Tiles API, stellen wir Ihnen möglicherweise die erforderliche Quellenangabe für den Drittanbieter von Daten zur Verfügung. Wenn wir das tun, muss der Text Ihrer Quellenangabe den Namen „Google Maps“ sowie alle relevanten Datenanbieter enthalten, beispielsweise „Kartendaten: Google, Maxar Technologies“. Wenn Google Quellenangaben von Drittanbietern bereitstellt, ist die Quellenangabe korrekt, wenn Sie nur „Google Maps“ oder das Google-Logo einfügen.

Andere Anforderungen bezüglich Quellenangaben

Befolgen Sie diese Anweisungen, um Drittanbieter-Quellenangaben abzurufen und die Quellenangabe in Ihrer App anzuzeigen.

Quellenangaben von einem Ort abrufen

Wenn in Ihrer App Informationen angezeigt werden, die durch Aufrufen von Place.fetchFields eingeholt wurden, müssen auch Drittanbieter-Quellenangaben für die angerufenen Ortsdaten eingeblendet werden.

Die API gibt ein Place-Objekt zurück. Verwenden Sie zum Abrufen von Quellenangaben aus dem Place-Objekt die Place.attributions-Eigenschaft, die mit jeder Anfrage zurückgegeben wird (sie muss nicht mithilfe von Feldern angegeben werden). Die Eigenschaft gibt ein List von String-Objekten zurück oder null, wenn es keine anzuzeigenden Quellenangaben gibt. Das folgende Beispiel veranschaulicht, wie Informationen zu einem Ort abgerufen und Quellenangaben aufgelistet werden.

  // 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);
      }
  }

  

Rezension anzeigen

Ein Place-Objekt kann bis zu fünf Rezensionen enthalten, wobei jede einzelne durch ein Review-Objekt dargestellt wird. Sie können diese Rezensionen optional in Ihrer App anzeigen.

Wenn Sie Rezensionen von Google-Nutzern anzeigen, müssen Sie den Namen des Autors in unmittelbarer Nähe platzieren. Wir empfehlen, im Feld für die Autorenangabe des Review-Objekts auch das Foto des Autors und einen Link zu seinem Profil anzugeben, falls verfügbar. Im folgenden Bild ist eine Beispielrezension für einen Park zu sehen:

Anzeige der Autorenangabe

Das folgende Beispiel veranschaulicht, wie Informationen zu einem Ort abgerufen, die Rezensionen geprüft und die Daten aus der ersten Rezension dargestellt werden:

  // 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,
      });
  }
  

Weitere Informationen

Quellenangaben für ein Foto anzeigen

Wenn in Ihrer App Fotos zu sehen sind, müssen Sie für jedes Foto die Autorenangabe anzeigen, falls vorhanden. Details zum Foto in einem Place-Objekt einer Antwort sind im photos-Array enthalten. Um das photos-Array der Antwort hinzufügen, fügen Sie das photos-Datenfeld in die Anfrage ein.

Jedes Element des Foto-Arrays ist eine Instanz von Photo, das das authorAttributions-Array vom Typ „AuthorAttribution“ enthält. Die Felder des AuthorAttribution-Objekts sind Strings, die displayName, uri und photoUri der Quellenangaben enthalten, oder einen leeren String, wenn es keine anzuzeigende Quellenangabe gibt.

Weitere Informationen

Attributionen für Suchergebnisse

Wenn in Europa das unverfälschte Ranking von Google verwendet wird, muss für Suchprodukte ein Erläuterungstext verfügbar sein, der mit maximal einem Klick aufgerufen werden kann und in dem die wichtigsten Faktoren und die Gewichtung der wichtigsten Faktoren beschrieben werden, die das Ranking der Suchergebnisse bestimmen. Erläuterung:

Kopfzeile:Informationen zu diesen Ergebnissen

Text:Wenn Sie nach Unternehmen oder Orten in der Nähe eines Standorts suchen, werden auf Google Maps lokale Suchergebnisse angezeigt. Damit deine Suche zu den bestmöglichen Ergebnissen führt, werden verschiedene Faktoren kombiniert. Die wichtigsten sind Relevanz, Entfernung und Bekanntheit.

Schaltfläche 1:Weitere Informationen
Der Text „Weitere Informationen“ sollte auf einen Hilfeartikel verweisen.

Schaltfläche 2:OK

Automatische Vervollständigung für Endnutzeradressen

Wenn ein Endnutzer die Funktion zur automatischen Vervollständigung in Ihrer Kundenanwendung verwendet, um eine Straßenadresse einzugeben, und diese Straßenadresse ohne die automatische Vervollständigung vollständig und korrekt vom Endnutzer angegeben worden wäre, unterliegt die vom Endnutzer ausgewählte Adresse nicht den Inhaltsbeschränkungen für Google Maps in Ihrer Google Maps Platform-Vereinbarung. Diese Ausnahme gilt nur für die vom Endnutzer ausgewählte Adresse und ausschließlich für die spezifische Transaktion dieses Endnutzers. Sie gilt nicht für die Liste der vorgeschlagenen Adressen, die von der Autocomplete-Funktion bereitgestellt werden, oder für andere Google Maps-Inhalte. Diese Ausnahme gilt nicht für POI- oder Adresssuchfunktionen, die von anderen Google Maps Platform-Diensten angeboten werden.

Adresse des Endnutzers automatisch vervollständigen

Im vorherigen Bild unterliegt die Adressliste auf der linken Seite weiterhin den Einschränkungen für Google Maps-Inhalte. Sobald der Endnutzer die gewünschte Adresse ausgewählt hat, unterliegt diese Adresse nicht den Einschränkungen für Google Maps-Inhalte, die ausschließlich für die entsprechende Transaktion des Endnutzers gelten.