Blocos 3D fotorrealistas

Desenvolvedores do Espaço Econômico Europeu (EEE)

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 das áreas povoadas do mundo. Eles permitem que você ofereça experiências de visualização 3D imersivas de última geração para ajudar os usuários a:

  • 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 Photorealistic 3D Tiles, revise 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 receber blocos

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

O renderizador pode fazer pelo menos três horas de solicitações de blocos de uma única solicitação de conjunto de blocos raiz. Depois de atingir esse limite, você precisa fazer outra solicitação de conjunto de blocos raiz.

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