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 3D de alta resolução em muitas áreas populosas do mundo. Elas permitem que você ofereça experiências de visualização 3D imersivas de última geração para ajudar seus usuários:

  • Entender uma área

  • Navegar com confiança até um local

  • Avaliar novos lugares para tomar decisões

  • Entender como o mundo real muda

Antes de começar

Antes de começar a usar a API Map Tiles fotorrealistas em 3D, você precisa analisar os Termos de Serviço e as Políticas da API Map Tiles. Em seguida, inicie um projeto com uma conta de faturamento e ative a API Map Tiles. Para saber mais, consulte Configuração no console do Cloud.

Como acessar os blocos

Depois de receber a chave de API, você pode acessar os blocos fotorrealistas especificando um URL de tileset raiz para um renderizador de blocos 3D de sua escolha. Depois disso, todas as chamadas subsequentes para telhas fotorrealistas são feitas automaticamente pelo renderizador à medida que o usuário final explora o mapa.

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

Como exemplo, use o código JavaScript abaixo 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>