Os 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 consultar 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 começar a acessar blocos de imagens fotorrealistas especificando um URL de tileset raiz para um renderizador de blocos de imagens 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 trefólio 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>