I riquadri 3D fotorealistici sono una trama 3D con texture
immagini ad alta risoluzione. Offrono mappe 3D ad alta risoluzione in molte
aree densamente popolate. Ti permettono di creare 3D immersivi di nuova generazione
esperienze di visualizzazione per aiutare gli utenti a:
Comprendere un'area
Raggiungi una località con sicurezza
Valuta nuovi luoghi per prendere decisioni
Comprendi come cambia il mondo reale
Prima di iniziare
Prima di iniziare a utilizzare l'API Photorealistic 3D Tiles, devi esaminare la Termini di servizio e Norme dell'API Map Tiles. Successivamente, avviare un progetto con un account di fatturazione e abilitare l'API Map Tiles. A Per saperne di più, consulta Configurazione nella console Cloud.
Recupero delle schede in corso...
Dopo aver ottenuto la chiave API, puoi iniziare ad accedere ai riquadri fotorealistici specificando l'URL di un set di riquadri principale a una Renderer di riquadri di tua scelta. Dopodiché, tutte le chiamate successive i riquadri fotorealistici vengono creati automaticamente dal renderer come utente finale esplora la mappa.
Il rendering può effettuare almeno tre ore di richieste di riquadri da una singola radice richiesta del set di riquadri. Dopo aver raggiunto questo limite, devi creare un altro set di riquadri radice richiesta.
Ad esempio, puoi utilizzare il seguente codice JavaScript per iniziare a esplorare il 3D Piastrelle 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>