Panoramica
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
La classe Mappe 3D fotorealistiche di Maps JavaScript ti consente di utilizzare le immagini 3D di Google nelle tue applicazioni. Google ora offre un'esperienza di rendering 3D integrata, che consente di incorporare o sperimentare in modo rapido e semplice le mappe 3D.
Ecco un esempio di ciò che puoi fare con Maps 3D nell'API Maps JavaScript:
Funzionalità principali
- Dati integrati e soluzione del renderer: le mappe 3D fotorealistiche in Maps JavaScript offrono un unico touchpoint per creare esperienze di mappatura immersive. Con il rendering integrato e una mappa base integrata ricca di luoghi, puoi semplificare le fasi di sviluppo e creare rapidamente visualizzazioni 3D di mappe impressionanti.
- Prestazioni: la tecnologia di rendering integrata di Google consente una visualizzazione veloce e un'esperienza utente fluida.
- Stile: le mappe 3D fotorealistiche in Maps JavaScript supportano lo stile mediante polilinee,
poligoni e forme estruse, consentendoti di attirare in modo efficace
l'attenzione dell'utente sugli elementi geografici chiave del mondo reale.
- Percorsi predefiniti della videocamera: guida facilmente gli utenti nella tua mappa 3D con
animazioni della fotocamera predefinite, passando facilmente ai punti d'interesse
e mostrando i luoghi chiave da varie angolazioni.
- Indicatori personalizzati. Migliora l'aspetto e le funzionalità della tua mappa con indicatori
completamente personalizzabili, che ti consentono di creare identificatori univoci per
i luoghi che si integrano perfettamente con il tuo ambiente 3D o si distinguono per
l'enfasi.
- Modelli 3D: migliora la tua esperienza di mappatura incorporando modelli 3D dettagliati di edifici, punti di riferimento o oggetti personalizzati, offrendo agli utenti una visione ancora più immersiva e informativa dell'area mappata.
- Dati completi: Google si adopera costantemente per inserire un numero sempre maggiore di dati di alta qualità nella piattaforma Maps, per continuare a offrire le migliori immagini 3D e una migliore comprensione del mondo reale.
Copertura
Esamina la copertura supportata da Maps JavaScript per le mappe 3D fotorealistiche.
Passaggi successivi
- Consulta la guida
introduttiva per
creare un file "Hello World!" mappa 3D.
- Prova il codelab introduttivo per scoprire come aggiungere funzionalità alla mappa.
- Approfondisci le tue conoscenze sugli indicatori e sulle animazioni nel prossimo codelab.
- Sfoglia la raccolta di Campioni di Google per trovarne uno adatto al tuo caso d'uso.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-04-29 UTC.
[null,null,["Ultimo aggiornamento 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."]]
