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 anzuzeigen.
- Fügen Sie anpassbare Markierungen hinzu, um Standorte 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
Bevor Sie Code schreiben, wählen Sie das Google Maps Platform-Produkt aus, das den Anforderungen Ihrer Webanwendung entspricht:
- 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 Fleet Engine für Mitfahrgelegenheiten und geplante Lieferflotten, die das mobile Driver SDK und Backend-OAuth- oder JSON-Webtokens (JWTs) integrieren. - Geofence- und Sicherheitszonenradius auf einer Karte:Wenn Sie kreisförmige oder polygonale Umfänge zeichnen und testen 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 undcomputeDistanceBetween()für die Entfernung in Metern).
Nächste Schritte
Beispielcode für Maps-Funktionen ansehen