Riquadri 3D fotorealistici

Sviluppatori dello Spazio economico europeo (SEE)

Panoramica dell'API 3D TilesI riquadri 3D fotorealistici sono una mesh 3D con texture basate su immagini ad alta risoluzione. Offrono mappe 3D ad alta risoluzione in molte delle aree popolate del mondo. Consentono di potenziare esperienze di visualizzazione 3D immersive di nuova generazione per aiutare gli utenti a:

  • Comprendere un'area

  • Raggiungere una posizione 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 esaminare i Termini di servizio e le Norme dell'API Map Tiles. A questo punto puoi avviare un progetto con un account di fatturazione e abilitare l'API Map Tiles. Per scoprire di più, consulta Configurazione in Cloud Console.

Visualizzare le schede

Dopo aver ottenuto la chiave API, puoi iniziare ad accedere ai riquadri fotorealistici specificando un URL del tileset principale a un renderer 3D Tiles a tua scelta. Dopodiché, tutte le chiamate successive per le tessere fotorealistiche vengono effettuate automaticamente dal renderer man mano che l'utente finale esplora la mappa.

Il rendering può effettuare almeno tre ore di richieste di riquadri da una singola richiesta di tileset radice. Una volta raggiunto questo limite, devi effettuare un'altra richiesta di tileset radice.

Ad esempio, puoi utilizzare il seguente codice JavaScript per iniziare a esplorare le 3D Tiles 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>