Aperçu
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Dans la classe Maps JavaScript, les cartes 3D photoréalistes vous permettent d'utiliser les images 3D de Google dans vos applications. Google propose désormais une expérience de rendu 3D intégrée qui vous permet d'incorporer ou de tester rapidement et facilement les cartes 3D.
Voici un exemple de ce que vous pouvez faire avec les cartes 3D dans l'API Maps JavaScript :
Caractéristiques et fonctionnalités clés
- Données intégrées + solution de moteur de rendu : dans Maps JavaScript, les cartes 3D photoréalistes offrent un point de contact unique pour créer des expériences de cartographie immersive. Grâce au rendu intégré et à une carte de base incluse dotée de nombreux lieux, vous pouvez simplifier les étapes de développement et créer rapidement des visualisations de cartes 3D impressionnantes.
- Performances : la technologie de rendu intégrée de Google accélère l'affichage et offre une expérience utilisateur optimale.
- Style : dans Maps JavaScript, les cartes 3D photoréalistes permettent d'utiliser des styles tels que les polylignes, les polygones et les formes extrudées. Vous pouvez ainsi attirer l'attention de l'utilisateur sur des éléments géographiques clés du monde réel de manière efficace.
- Parcours de caméra prédéfinis: guidez facilement les utilisateurs dans votre carte 3D à l'aide d'animations de caméra prédéfinies, effectuez une transition fluide vers les points d'intérêt et affichez des lieux clés sous différents angles.
- Repères personnalisés: améliorez l'attrait visuel et les fonctionnalités de votre carte grâce à des repères entièrement personnalisables. Vous pouvez ainsi créer des identifiants uniques pour des lieux qui se fondent parfaitement dans votre environnement 3D ou sont mis en avant.
- Modèles 3D: améliorez votre expérience de cartographie en intégrant des modèles 3D détaillés de bâtiments, de points de repère ou d'objets personnalisés. Les utilisateurs bénéficient ainsi d'une vue encore plus immersive et informative de la zone cartographiée.
- Données complètes : Google s'efforce constamment de fournir davantage de données de haute qualité dans cette plate-forme de cartographie, d'offrir les meilleures images 3D du secteur et de permettre ainsi une meilleure compréhension du monde réel.
Couverture
Consultez les informations sur les cartes 3D photoréalistes dans la couverture de Maps JavaScript.
Étapes suivantes
- Consultez le guide de démarrage pour créer un message "Hello, World!" "Hello, World!".
- Suivez l'codelab de présentation pour découvrir comment ajouter des éléments géographiques à la carte.
- Approfondissez vos connaissances sur les repères et les animations dans le prochain codelab.
- Parcourez la collection d'exemples de Google pour en trouver un adapté à votre cas d'utilisation.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/04/29 (UTC).
[null,null,["Dernière mise à jour le 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."]]
