Los mosaicos fotorrealistas en 3D son una malla 3D con textura y imágenes de alta resolución. Ofrecen mapas 3D de alta resolución en muchas de las zonas pobladas del mundo. Te permiten impulsar experiencias de visualización 3D envolventes de nueva generación para ayudar a tus usuarios a hacer lo siguiente:
Comprende un área
Navega a una ubicación con confianza
Evaluar nuevos lugares para tomar decisiones
Comprender cómo cambia el mundo real
Antes de comenzar
Antes de comenzar a usar la API de Photorealistic 3D Tiles, debes revisar las Condiciones del Servicio y las Políticas de la API de Map Tiles. Luego, puedes iniciar un proyecto con una cuenta de facturación y habilitar la API de Map Tiles. Si deseas obtener más información, consulta Configuración en la consola de Cloud.
Obteniendo tarjetas
Después de obtener la clave de API, puedes comenzar a acceder a mosaicos fotorrealistas si especificas una URL de conjunto de mosaicos raíz para el procesador de tarjetas 3D que elijas. Después de eso, el procesador realiza automáticamente todas las llamadas posteriores de mosaicos fotorrealistas a medida que el usuario final explora el mapa.
La renderización puede realizar al menos tres horas de solicitudes de mosaicos desde una sola solicitud de conjunto de mosaicos raíz. Después de alcanzar este límite, debes realizar otra solicitud de conjunto de mosaicos raíz.
A modo de ejemplo, puedes usar el siguiente código JavaScript para comenzar a explorar tarjetas 3D con 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>