Riquadri 3D fotorealistici

Sviluppatori dello Spazio economico europeo (SEE)

Panoramica dell'API 3D TilesI riquadri 3D fotorealistici sono una mesh 3D con texture provenienti da immagini ad alta risoluzione. Offrono mappe 3D ad alta risoluzione in molte delle aree popolate del mondo. Ti consentono di offrire esperienze di visualizzazione 3D immersive di nuova generazione per aiutare gli 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 Riquadri 3D fotorealistici, 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 la sezione Configurazione in Cloud Console.

Ottenere i riquadri

Dopo aver ottenuto la chiave API, puoi iniziare ad accedere ai riquadri fotorealistici specificando l'URL di un tileset radice per un renderer di riquadri 3D a tua scelta. Successivamente, tutte le chiamate successive per i riquadri fotorealistici vengono effettuate automaticamente dal renderer man mano che l'utente finale esplora la mappa.

Il rendering può effettuare richieste di riquadri per almeno tre ore 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 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>