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. Elas 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

  • 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. 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 blocos

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

A renderização 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, use 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>