Fotorealistische 3D-Kacheln sind ein 3D-Mesh-Netzwerk, das mit hochauflösenden Bildern texturiert ist. Sie bieten hochauflösende 3D-Karten in vielen besiedelten Gebieten an. Sie ermöglichen die Bereitstellung immersiver 3D-Visualisierungsfunktionen der nächsten Generation, die Ihren Nutzern bei Folgendem helfen:
Einen Bereich verstehen
Sicher zu einem Ort navigieren
Neue Orte bewerten und Entscheidungen 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. Anschließend können Sie ein Projekt mit einem Rechnungskonto starten und die Map Tiles API aktivieren. Weitere Informationen finden Sie unter Einrichtung in der Cloud Console.
Kacheln erhalten
Nachdem Sie Ihren API-Schlüssel erhalten haben, können Sie auf fotorealistische Kacheln zugreifen. Geben Sie dazu eine URL für den Stammkachelsatz für einen 3D-Kachel-Renderer Ihrer Wahl an. Danach werden alle nachfolgenden Aufrufe fotorealistischer Kacheln automatisch vom Renderer ausgeführt, wenn der Endnutzer die Karte untersucht.
Das Rendering kann Kachelanfragen von mindestens drei Stunden aus einer einzelnen Root-Kachelsatzanfrage ausführen. Wenn Sie dieses Limit erreicht haben, müssen Sie eine weitere Anfrage für den Stammkachelsatz stellen.
Sie können den folgenden JavaScript-Code verwenden, um 3D-Kacheln mit CesiumJS zu erkunden.
<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>