Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Die Klasse „Fotorealistische 3D-Karten in Google Maps – JavaScript“ bietet Ihnen die Möglichkeit, 3D-Bilder von Google in Ihren Anwendungen zu verwenden. Google bietet ab sofort integriertes 3D-Rendering, sodass Sie schnell und nahtlos 3D-Karten einbinden sowie Tests mit diesen Karten durchführen können.
Hier ein Beispiel für die Möglichkeiten, die 3D-Karten in der Maps JavaScript API bieten:
Wichtige Funktionen
Integrierte Daten- und Rendering-Lösung: Die Klasse „Fotorealistische 3D-Karten in Google Maps – JavaScript“ umfasst alles, was Sie benötigen, um immersive Karten zu erstellen. Rendering-Funktionen und eine Basiskarte mit vielen Orten sind bereits integriert, sodass die Entwicklung für Sie einfacher ist und Sie schnell beeindruckende 3D-Kartenvisualisierungen erstellen können.
Leistung: Die integrierte Rendering-Technologie von Google ermöglicht eine schnelle Darstellung und reibungslose Abläufe.
Gestaltung: Die Klasse „Fotorealistische 3D-Karten in Google Maps – JavaScript“ bietet die Möglichkeit, die Darstellung mithilfe von Polylinien, Polygonen und extrudierten Formen zu gestalten, um die Aufmerksamkeit der Nutzer wirkungsvoll auf wichtige geografische Elemente in der realen Welt zu lenken.
Voreingestellte Kamerapfade: Sie können Nutzer mithilfe vordefinierter Kameraanimationen mühelos durch Ihre 3D-Karte führen, wobei der Wechsel zu POIs reibungslos verläuft und wichtige Standorte aus verschiedenen Blickwinkeln präsentiert werden.
Benutzerdefinierte Markierungen: Verbessern Sie die visuelle Gestaltung und Funktionen Ihrer Karte mit vollständig anpassbaren Markierungen. Sie können damit eindeutige Kennungen für Orte erstellen, die sich nahtlos in Ihre 3D-Umgebung einfügen oder sich von anderen abheben.
3D-Modelle: Ergänzen Sie Ihre Karten mit detaillierten 3D-Modellen von Gebäuden, Sehenswürdigkeiten oder benutzerdefinierten Objekten, um Nutzern eine noch immersivere und informativere Ansicht des Kartenbereichs zu bieten.
Umfassende Daten: Google arbeitet ständig daran, mehr hochwertige Daten über die Maps Platform bereitzustellen, um weiterhin erstklassige 3D-Bilder und ein besseres Verständnis der realen Welt zu bieten.
Abdeckung
Was die Klasse „Fotorealistische 3D-Karten in Google Maps – JavaScript“ abdeckt, sehen Sie hier.
Nächste Schritte
In der Anleitung Erste Schritte erfahren Sie, wie Sie eine "Hello, World!"- zu erstellen.
Im codelab erfahren Sie, wie Sie der Karte Funktionen hinzufügen.
Im nächsten codelab vertiefen Sie Ihr Wissen zu Markierungen und Animationen.
Sehen Sie sich die Google-Sammlung von Beispielen an und wählen Sie eines aus, das sich für Ihren Anwendungsfall eignet.
[[["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-04-29 (UTC)."],[],[],null,["Select platform: [Android](/maps/documentation/maps-3d/android-sdk/overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/maps-3d/ios-sdk/overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/3d/overview \"View this page for the JavaScript platform docs.\")\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n| This product or feature is in Preview (pre-GA). Pre-GA products and features might have limited support, and changes to pre-GA products and features might not be compatible with other pre-GA versions. Pre-GA Offerings are covered by the [Google\n| Maps Platform Service Specific Terms](https://cloud.google.com/maps-platform/terms/maps-service-terms). For more information, see the [launch stage\n| descriptions](/maps/launch-stages).\n\n\u003cbr /\u003e\n\nThe Photorealistic 3D Maps in Maps JavaScript class lets you use Google's 3D imagery across\nyour applications. Google now offers a built-in 3D rendering experience,\nallowing you to quickly and seamlessly incorporate or experiment with 3D\nMaps.\n\nHere's an example of what you can do with 3D Maps in the Maps JavaScript API:\n\nKey features and capabilities\n\n- **Integrated data + renderer solution**: Photorealistic 3D Maps in Maps JavaScript offers a single touchpoint for creating immersive mapping experiences. With built-in rendering and an integrated, places-rich base map, you can simplify development steps and quickly build impressive 3D maps visualizations.\n- **Performance**: Google's built-in rendering technology allows for fast display and a smooth user experience.\n- **Styling**: Photorealistic 3D Maps in Maps JavaScript provides support for styling using polylines, polygons, and extruded shapes, allowing you to effectively bring your user's attention to key geographic elements of the real world.\n- **Preset camera paths**: Effortlessly guide users through your 3D map with predefined camera animations, smoothly transitioning to points of interest and showcasing key locations from various angles.\n- **Custom markers**: Enhance your map's visual appeal and capabilities with fully customizable markers, allowing you to create unique identifiers for locations that seamlessly blend with your 3D environment or stand out for emphasis.\n- **3D models**: Elevate your mapping experience by incorporating detailed 3D models of buildings, landmarks, or custom objects, providing users with an even more immersive and informative view of the mapped area.\n- **Comprehensive data**: Google is constantly working to bring more high quality data into the maps platform, to continue to offer best-in-class 3D imagery and a better understanding of the real world.\n\nCoverage\n\nReview the Photorealistic 3D Maps in Maps JavaScript's supported [coverage](/maps/coverage).\n\nNext steps\n\n- Check out the [Get\n started](/maps/documentation/javascript/3d/get-started) guide to build a \"Hello, World!\" 3D map.\n- Try the intro [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-101-3d-maps-js) to explore how to add features to the map.\n- Expand your knowledge of markers and animation in the next [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-3d-maps-js-markers#0).\n- Browse Google's collection of [Samples](/maps/documentation/javascript/examples/3d/simple-map) to find one that works for your use-case."]]
