Maps-Demoschlüssel abrufen und mit der Maps JavaScript API verwenden

Der Demoschlüssel für Google Maps ist eine kostenlose Funktion, mit der Sie mit dem Prototyping mit der Maps JavaScript API 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 Demoschlüssel für Google Maps ist technisch gesehen ein API-Schlüssel, der eine begrenzte Anzahl von Funktionen unterstützt. Er ist nur für Test- und Prototyping-Zwecke vorgesehen, und nicht für die Produktion geeignet. Außerdem unterliegt er den Nutzungsbedingungen für das Maps-Demoprojekt.

Welche Funktionen kann ich mit dem Demoschlüssel für Google Maps verwenden?

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

Unterstützte Funktionen der Maps JavaScript API

✔ Unterstützte Funktionen

  • Kartenrendering 2D-/3D-Karten mit Satelliten- und Geländeansichten 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 und Maps Grounding Lite verwenden. Weitere Informationen finden Sie unter Demoschlüssel für Google Maps abrufen und mit der Weather API verwenden.

Kontingente für den Demoschlüssel für Google Maps

Für den Demoschlüssel für Google Maps gelten Nutzungslimits, die sich ändern können. Wenn Sie das Tageslimit erreichen, wird die Nutzung bis zum nächsten Tag pausiert. Es entstehen keine Kosten.

Demoschlüssel für Google Maps verwenden

Schritt 1: Demoschlüssel für Google Maps abrufen

Wenn Sie Ihren Schlüssel generieren möchten, müssen Sie in Ihrem Google-Konto angemeldet sein und auf die Schaltfläche „Demoschlüssel abrufen“ klicken. Nachdem Sie die Nutzungsbedingungen für den Demoschlüssel für Google Maps akzeptiert haben, wird Ihr Schlüssel angezeigt und kann sofort verwendet werden.

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

Schritt 2: Demoschlüssel für Google Maps mit der Maps JavaScript API verwenden

Der Demoschlüssel für Google Maps ist technisch gesehen ein API-Schlüssel, der eine begrenzte Anzahl von Funktionen unterstützt. Sie können Ihren Demoschlüssel für Google Maps anstelle eines Standard-API-Schlüssels in allen unterstützten Funktionen der Maps JavaScript API oder der Weather API verwenden. Im folgenden Beispiel wird die Verwendung des Demoschlüssels für Google Maps mit einer einfachen Karte veranschaulicht. 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