Blocos 3D fotorrealistas

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

  • Entender uma área

  • Navegar com segurança até um local

  • 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, leia os Termos de Serviço e as políticas da API Map Tiles. Depois disso, 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.

Obter blocos

Depois de conseguir sua chave de API, você vai poder acessar os blocos fotorrealistas especificando um URL do conjunto de blocos raiz para o renderizador de blocos 3D de sua escolha. Depois disso, todas as chamadas subsequentes para blocos fotorrealistas serão feitas automaticamente pelo renderizador enquanto o usuário final explora o mapa.

A renderização pode fazer pelo menos três horas de solicitações de bloco de uma única solicitação de bloco raiz. Depois de atingir esse limite, é necessário fazer outra solicitação de bloco raiz.

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