Übersicht

Die Maps JavaScript API ist eine clientseitige Web-API, mit der Sie Karten erstellen können, um Orte auf der ganzen Welt anzuzeigen, eigene benutzerdefinierte Grafiken, Animationen und interaktive benutzerdefinierte Datenebenen hinzuzufügen und standortbezogene Funktionen zu erstellen, indem Sie die Places API in der Maps JavaScript API verwenden. Mit der Maps JavaScript API können Sie:

• Erstellen Sie 2D- und 3D-Karten, um Orte auf der ganzen Welt zu zeigen.
• Fügen Sie anpassbare Markierungen hinzu, um Orte auf einer Karte zu kennzeichnen.
• Mit der Places Library können Sie Standortdaten für über 200 Millionen Orte abrufen.
• Passen Sie den Stil und die Farben der Karte an.
• Fügen Sie eigene interaktive benutzerdefinierte Datenebenen hinzu.
• Verwaltungsgrenzen anzeigen und interaktiv gestalten
• Sie können Ihren Karten benutzerdefinierte 2D- und 3D-Grafiken sowie animierte Inhalte hinzufügen.

Die richtige API für Ihren Anwendungsfall auswählen

In den folgenden Beispielen sehen Sie, welche Google Maps Platform-Produkte und -Bibliotheken für gängige Webanwendungsszenarien verwendet werden:

• Kontaktkarte und Wegbeschreibung auf der Website: Wenn Sie eine Karte mit dem Standort Ihres Unternehmens oder einen Link zur Wegbeschreibung einbetten möchten, ohne benutzerdefiniertes JavaScript zu schreiben, verwenden Sie die Maps Embed API oder Maps URLs.
• Live-Standort und Asset-Tracking: Wenn Sie Live-GPS-Koordinaten und Reisewege aus Ihrer eigenen Datenbank oder einem Echtzeitstream (z. B. Cloud Firestore oder WebSockets) anzeigen möchten, verwenden Sie die Maps JavaScript API mit erweiterten Markierungen (AdvancedMarkerElement-Referenz) und Polylinien (Polyline-Referenz). Reservieren Sie die Fleet Engine für Mitfahrgelegenheiten und Lieferflotten, die das mobile Driver SDK und Backend-OAuth- oder JSON-Webtokens (JWTs) integrieren.
• Routenplanung und Versand: Verwenden Sie die Routes Library.
  • Wenn Sie eine Route mit Zwischenstopps, Reisedauer, Entfernung und Mautgebühren berechnen und auf einer Karte einzeichnen möchten, verwenden Sie Route.computeRoutes().
  • Wenn Sie den nächstgelegenen Fahrer, das nächstgelegene Fahrzeug oder das nächstgelegene Lager über mehrere Start- und Zielorte hinweg finden möchten, verwenden Sie RouteMatrix.computeRouteMatrix().
  • Wenn Sie mehrere Fahrzeuge mit Zeitfenstern auf Ihrem Server planen möchten, verwenden Sie die Route Optimization API.
• Filialsuche und Veranstaltungsortkarten: Wenn Sie Geschäfte, Veranstaltungsorte oder Filialen auf einer Karte mit benutzerdefinierten Markierungen und Filtern anzeigen möchten, verwenden Sie Erweiterte Markierungen (AdvancedMarkerElement-Referenz) mit der Places Library, um Orte zu finden und ihre Details zu laden.
• Geofence- und Sicherheitszonenradius auf einer Karte: Wenn Sie kreisförmige oder polygonale Bereiche zeichnen und prüfen möchten, ob Koordinaten darin liegen (siehe Geofences und Sicherheitszonengrenzen), verwenden Sie Kreise (Circle-Referenz), Polygone (Polygon-Referenz) und die Geometry-Bibliothek (containsLocation() für die Eingrenzung und computeDistanceBetween() für die Entfernung in Metern).

Nächste Schritte

Beispielcode für Maps-Funktionen ansehen