Die Maps JavaScript API ist eine clientseitige Web-API, mit der Sie Karten erstellen können, um Orte auf der ganzen Welt darzustellen. Außerdem können Sie eigene benutzerdefinierte Grafiken, Animationen und interaktive benutzerdefinierte Datenebenen hinzufügen und standortbezogene Funktionen mithilfe der Places API in der Maps JavaScript API erstellen. Mit der Maps JavaScript API haben Sie folgende Möglichkeiten:
Erstellen Sie 2D- und 3D-Karten, um Standorte überall auf der Welt zu präsentieren.
Sie können anpassbare Markierungen hinzufügen, 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 darstellen und interaktiv gestalten
Sie können Ihren Karten benutzerdefinierte 2D- und 3D-Grafiken sowie animierte Inhalte hinzufügen.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-08-10 (UTC)."],[[["\u003cp\u003eThe Maps JavaScript API lets you create interactive, customizable maps for websites, incorporating 2D and 3D views, markers, and custom data.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can leverage the Places Library for location data, style maps to their liking, and display administrative boundaries.\u003c/p\u003e\n"],["\u003cp\u003eA suite of services such as Directions, Distance Matrix, and Street View, along with libraries like Drawing and Geometry, further enhance functionality.\u003c/p\u003e\n"],["\u003cp\u003eUsers can easily set up their projects using provided guides on Cloud project setup, API keys, loading the API, and adding maps to web pages.\u003c/p\u003e\n"],["\u003cp\u003eGoogle provides comprehensive documentation with tutorials, examples, and resources for various features, services, and libraries.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/android-sdk/overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/overview \"View this page for the JavaScript platform docs.\")\n\nThe Maps JavaScript API is a client-side web API that lets you create maps to\nshow locations anywhere in the world, add your own custom graphics, animations, and interactive\ncustom data layers, and create location-aware features by using the Places API in the\nMaps JavaScript API. With the Maps JavaScript API, you can:\n\n- Create 2D and 3D maps to show locations anywhere in the world.\n- Add customizable markers to indicate locations on a map.\n- Use the Places library to get location data for over 200 million places.\n- Customize the map's style and colors.\n- Add your own interactive custom data layers.\n- Display administrative boundaries and make them interactive.\n- Add custom 2D and 3D graphics and animated content to your maps.\n\nWhat's next \n**Set up and create a maparrow_drop_down**\n- [Set up your Google Cloud project](/maps/documentation/javascript/cloud-setup)\n- [Use API keys](/maps/documentation/javascript/get-api-key)\n- [Load the Maps JavaScript API](/maps/documentation/javascript/load-maps-js-api)\n- [Add a Google Map to a Web Page](/maps/documentation/javascript/add-google-map)\n- [Add a 3D map to a web page](/maps/documentation/javascript/3d-maps-overview)\n- [Tutorials for adding a map (and more)](/maps/documentation/javascript/tutorials) \n**Use Maps JavaScript API featuresarrow_drop_down**\n- [Add markers to a map](/maps/documentation/javascript/advanced-markers/overview)\n- [Use the Places library to get location data](/maps/documentation/javascript/place)\n- [Customize the map's style and colors](/maps/documentation/javascript/cloud-customization)\n- [Add interactive data layers](/maps/documentation/javascript/dds-datasets/overview)\n- [Display administrative boundaries](/maps/documentation/javascript/dds-boundaries/overview)\n- [Add a WebGL graphic overlay](/maps/documentation/javascript/webgl/webgl-overlay-view) \n**Work with Maps JavaScript API servicesarrow_drop_down**\n- [Elevation](/maps/documentation/javascript/elevation)\n- [Geocoding](/maps/documentation/javascript/geocoding)\n- [Maximum Zoom Imagery](/maps/documentation/javascript/maxzoom)\n- [Street View](/maps/documentation/javascript/streetview) \n**Work with Maps JavaScript API librariesarrow_drop_down**\n- [Drawing Library](/maps/documentation/javascript/drawinglayer)\n- [Geometry Library](/maps/documentation/javascript/geometry)\n- [Visualization Library](/maps/documentation/javascript/visualization)\n- [Open Source Libraries](/maps/documentation/javascript/libraries-open-source)\n\n[**See example code for Maps features**](/maps/documentation/javascript/examples)"]]
