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. Ti consentono di offrire esperienze di visualizzazione 3D immersive di nuova generazione per aiutare i tuoi utenti a:

  • Comprendi un'area

  • Raggiungi una località in tutta sicurezza

  • Valuta 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 policy dell'API Map Tiles. Puoi quindi avviare un progetto con un account di fatturazione e abilitare l'API Map Tiles. Per saperne di più, consulta Configurazione nella console Cloud.

Recupero dei riquadri in corso…

Dopo aver ottenuto la chiave API, puoi iniziare ad accedere ai riquadri fotorealistici specificando l'URL di un set di riquadri principale per un renderer 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 renderer può effettuare almeno tre ore di richieste di riquadri da una singola richiesta di tileset principale. Una volta raggiunto questo limite, devi effettuare un'altra richiesta di tileset principale.

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>