Einen Demoschlüssel für Google Maps abrufen und mit der Google Maps Platform verwenden

Der Demoschlüssel für Google Maps ist eine kostenlose Funktion, mit der Sie mit dem Prototyping mit der Google Maps Platform beginnen können, ohne Zahlungsinformationen eingeben zu müssen. Sie können Ihre Ideen validieren und in Aktion sehen, bevor Sie sich für ein kostenpflichtiges Konto entscheiden. Auf dieser Seite wird erläutert, wie der Demoschlüssel für Google Maps funktioniert, welche Kontingente gelten, welche Funktionen Sie verwenden können und wie Sie Ihren Schlüssel erhalten und verwenden.

Hinweis:Der Maps-Demoschlüssel ist technisch gesehen ein API-Schlüssel, der eine begrenzte Anzahl von Funktionen unterstützt. Sie ist nur für Test- und Prototyping-Zwecke vorgesehen und nicht für den produktiven Einsatz konzipiert. Es unterliegt außerdem den Nutzungsbedingungen für Maps-Demoprojekte.

Welche Funktionen kann ich mit dem Maps-Demoschlüssel verwenden?

Der Maps-Demoschlüssel unterstützt nur eine begrenzte Anzahl von Funktionen der Maps JavaScript API und der Weather API. Wenn Sie eine API oder Funktion verwenden möchten, die unten nicht aufgeführt ist, müssen Sie entweder Ihrem Maps-Demoschlüssel ein Rechnungskonto hinzufügen oder einen neuen API-Schlüssel erstellen und die Abrechnung aktivieren. Weitere Informationen finden Sie unter Erste Schritte mit der Google Maps Platform.

Unterstützte Maps JavaScript API-Funktionen

✔ Unterstützte Funktionen

  • Kartenrendering 2D-/3D-Karten mit Satelliten- und Geländedarstellung laden.
  • Markierungen und Ereignisse Markierungen und Infofenster hinzufügen und Nutzerklicks verarbeiten
  • Kartenstile Benutzerdefinierte Designs und JSON-Stile auf Ihre Karte anwenden
  • Places UI Kit Vorgefertigte Komponenten für die Suche nach Orten und Details
  • Zeichentools Formen und Polylinien zeichnen, um Daten zu visualisieren

✘ Nicht unterstützte Funktionen

  • Places API (New) Programmatische Suchmethoden wie „searchByText“.
  • Routen und Navigation Directions-Dienst und Distance Matrix API
  • Address Validation Dienste zur hochgenauen Adresskorrektur

Zusätzlich zu den oben aufgeführten Funktionen können Sie den Demoschlüssel für Google Maps auch mit der Weather API verwenden.

Kontingente für Maps-Demoschlüssel

Für den Demoschlüssel für Google Maps gelten Nutzungsbeschränkungen, die sich ändern können. Wenn Sie das Tageslimit erreichen, wird die Nutzung bis zum nächsten Tag pausiert. Es besteht kein Risiko, dass Ihnen Kosten entstehen.

Verwendung des Demoschlüssels für Google Maps

Maps-Demoschlüssel abrufen

Schritt 1: Maps-Demoschlüssel abrufen

Wenn Sie einen Schlüssel generieren möchten, müssen Sie mit Ihrem Google-Konto angemeldet sein und auf die Schaltfläche Get a Demo Key (Demoschlüssel abrufen) klicken. Nachdem Sie die Nutzungsbedingungen für den Maps-Demoschlüssel akzeptiert haben, wird Ihr Schlüssel angezeigt und ist sofort einsatzbereit.

Sie erhalten außerdem eine E-Mail mit einer Anleitung zum Abrufen des Schlüssels aus der Google Cloud Console.

 Schritt 2: Maps-Demoschlüssel mit der Google Maps Platform verwenden

Der Maps-Demoschlüssel ist technisch gesehen ein API-Schlüssel, der eine begrenzte Anzahl von Funktionen unterstützt. Sie können Ihren Maps-Demoschlüssel anstelle eines Standard-API-Schlüssels für alle unterstützten Maps JavaScript API-Funktionen oder die Weather API verwenden. Im folgenden Beispiel wird gezeigt, wie der Maps-Demoschlüssel mit einer einfachen Karte verwendet wird. Ersetzen Sie YOUR_DEMO_KEY durch den Schlüssel, den Sie gerade abgerufen haben.

<html>
<head>
  <title>Add a Map using HTML</title>
  <link rel="stylesheet" href="./style.css" />
  <script type="module" src="./index.js"></script>
</head>
<body>
  <gmp-map
    center="38.7946,-106.5348"
    zoom="4"
    map-id="DEMO_MAP_ID"
    style="height: 400px"
  >
  </gmp-map>
  <!--
    The `defer` attribute causes the script to execute after the full HTML
    document has been parsed. -->
  <script
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_DEMO_KEY&libraries=maps"
    defer
  ></script>
</body>
</html>

Nächste Schritte