Blocos 3D fotorrealistas

Visão geral da API 3D TilesOs blocos 3D fotorealistas são uma malha 3D texturizada com imagens de alta resolução. Eles oferecem mapas 3D de alta resolução em muitas das áreas mais povoadas do mundo. Com elas, você potencializa experiências de visualização 3D imersivas de última geração para ajudar seus usuários a:

  • Entender uma área

  • Navegar até um local com confiança

  • Avaliar novos lugares para tomar decisões

  • Entenda como o mundo real muda

Antes de começar

Antes de começar a usar a API Photorealistic 3D Tiles, você precisa ler os Termos de Serviço e as políticas da API Map Tiles. Depois, você pode iniciar um projeto com uma conta de faturamento e ativar a API Map Tiles. Para saber mais, consulte Configuração no console do Cloud.

Carregando blocos

Depois de conseguir a chave de API, você vai poder acessar blocos fotorrealistas especificando um URL de bloco raiz para um renderizador de Blocos 3D de sua preferência. Depois disso, todas as chamadas subsequentes para blocos fotorrealistas serão feitas automaticamente pelo renderizador à medida que o usuário final explorar o mapa.

A renderização pode fazer pelo menos três horas de solicitações de bloco a partir de uma única solicitação de bloco raiz. Ao atingir esse limite, você precisa fazer outra solicitação de bloco raiz.

Por exemplo, você pode usar o código JavaScript a seguir para começar a explorar blocos 3D com o 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>