Riquadri 3D fotorealistici

Panoramica dell'API 3D TilesI riquadri 3D fotorealistici sono una maglia 3D con texture con 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 immersiva di nuova generazione per aiutare i tuoi 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 consultare i Termini di servizio e le Norme relative all'API Map Tiles. Puoi quindi avviare un progetto con un account di fatturazione e abilitare l'API Map Tiles. Per ulteriori informazioni, consulta Configurazione in Cloud Console.

Recupero riquadri in corso...

Dopo aver ottenuto la chiave API, puoi iniziare ad accedere ai riquadri fotorealistici specificando un URL del set di riquadri principale per un renderer di riquadri 3D di tua scelta. Successivamente, tutte le richieste successive di riquadri fotorealistici vengono eseguite automaticamente dal renderer mentre l'utente finale esplora la mappa.

Il rendering può eseguire almeno tre ore di richieste di riquadri da una singola richiesta di riquadro principale. Dopo aver 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>