I riquadri 3D fotorealistici sono un mesh 3D con texture basate su immagini ad alta risoluzione. Offrono mappe 3D ad alta risoluzione in molte delle aree più popolate del mondo. Ti consentono di offrire esperienze di visualizzazione 3D immersive di nuova generazione per aiutare i tuoi utenti a:
Comprendere un'area
Raggiungere una località in tutta sicurezza
Valutare nuovi luoghi per prendere decisioni
Comprendere come cambia il mondo reale
Prima di iniziare
Prima di iniziare a utilizzare l'API Photorealistic 3D Tiles, devi leggere i Termini di servizio e le Norme dell'API Map Tiles. Puoi quindi avviare un progetto con un account di fatturazione e abilitare l'API Map Tiles. Per scoprire di più, consulta Configurazione in Cloud Console.
Ricevere riquadri
Dopo aver ottenuto la chiave API, puoi iniziare ad accedere ai riquadri fotorealistici specificando un URL del set di riquadri principale per un visualizzatore di riquadri 3D di tua scelta. Dopodiché, tutte le chiamate successive per i riquadri fotorealistici vengono effettuate automaticamente dal renderer mentre l'utente finale esplora la mappa.
Il rendering può generare almeno tre ore di richieste di riquadri da una singola richiesta di tileset di primo livello. Una volta raggiunto questo limite, devi effettuare un'altra richiesta di tileset di primo livello.
Ad esempio, puoi utilizzare il seguente codice JavaScript per iniziare a esplorare i riquadri 3D con Cesium JS.
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.105/Build/Cesium/Cesium.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.105/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer"></div>
<script>
const viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider: false,
baseLayerPicker: false,
requestRenderMode: true,
});
const tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: "https://tile.googleapis.com/v1/3dtiles/root.json?key=YOUR_API_KEY",
showCreditsOnScreen: true,
}));
viewer.scene.globe.show = false;
</script>
</body>