Fotorealistische 3D-Kacheln

3D Tiles API – ÜbersichtFotorealistische 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 Ihren 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 Rechnungskonto 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>