Fotorealistische 3D-Kacheln sind ein 3D-Mesh-Netzwerk mit hochauflösenden Bildern. Sie bieten hochauflösende 3D-Karten für viele besiedelte Gebiete der Welt. Mit ihnen können Sie immersive 3D-Visualisierungserlebnisse der nächsten Generation bereitstellen, die Ihren Nutzern bei Folgendem helfen:
Informationen zu Gebieten
Sicher zu einem Ort navigieren
Neue Orte bewerten, um Entscheidungen zu treffen
Verstehen, wie sich die reale Welt verändert
Hinweis
Bevor Sie die Photorealistische 3D Tiles API verwenden, müssen Sie die Nutzungsbedingungen und die Richtlinien für die Map Tiles API lesen. Sie können dann ein Projekt mit einem Rechnungskonto starten und die Map Tiles API aktivieren. Weitere Informationen finden Sie unter Einrichtung in der Cloud Console.
Kacheln werden abgerufen
Nachdem Sie Ihren API-Schlüssel erhalten haben, können Sie auf fotorealistische Kacheln zugreifen, indem Sie eine Stamm-Kachelsatz-URL für einen 3D-Kachel-Renderer Ihrer Wahl angeben. Danach erfolgen alle nachfolgenden Aufrufe fotorealistischer Kacheln automatisch vom Renderer, während der Endnutzer die Karte erkundet.
Das Rendering kann mindestens drei Stunden Kachelanfragen von einer einzigen Stamm-Kachelsatzanfrage senden. Wenn Sie dieses Limit erreicht haben, müssen Sie eine weitere Anfrage für den Stamm-Kachelsatz senden.
Du kannst beispielsweise den folgenden JavaScript-Code verwenden, um die Arbeit in 3D-Kacheln mit Cesium JS zu starten.
<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>