Fotorealistische 3D-Kacheln sind ein 3D-Mesh mit einer Textur aus hochauflösenden Bildern. Sie bieten hochauflösende 3D-Karten in vielen besiedelten Gebieten der Welt. Sie können damit immersive 3D-Visualisierungen der nächsten Generation erstellen, um Nutzern Folgendes zu ermöglichen:
Informationen zu einem Gebiet einholen
Zuverlässig zu einem Ort navigieren
Neue Orte bewerten, um Entscheidungen zu treffen
Verstehen, wie sich die reale Welt verändert
Hinweis
Bevor Sie die Photorealistic 3D Tiles API verwenden können, müssen Sie die Nutzungsbedingungen und die Richtlinien für die Map Tiles API lesen. Sie können dann ein Projekt mit einem Abrechnungskonto erstellen und die Map Tiles API aktivieren. Weitere Informationen finden Sie unter Einrichtung in der Cloud Console.
Ansichten abrufen
Nachdem Sie Ihren API-Schlüssel erhalten haben, können Sie auf fotorealistische Ansichten zugreifen. Geben Sie dazu die URL eines Stamm-Stichbildsatzes für einen 3D-Stichbildsatz-Renderer Ihrer Wahl an. Alle nachfolgenden Aufrufe von fotorealistischen Ansichten werden dann vom Renderer automatisch ausgeführt, während der Endnutzer die Karte erkundet.
Das Rendern kann mindestens drei Stunden lang Kacheln aus einer einzelnen Anfrage für den Stamm-Tileset anfordern. Wenn Sie dieses Limit erreicht haben, müssen Sie einen weiteren Stamm-Tileset anfordern.
Mit dem folgenden JavaScript-Code können Sie beispielsweise 3D-Kacheln mit Cesium JS untersuchen.
<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>