Fotorealistyczne kafelki 3D

Deweloperzy z Europejskiego Obszaru Gospodarczego (EOG)

Omówienie interfejsu 3D Tiles APIFotorealistyczne kafelki 3D to siatka 3D z teksturami generowanymi przy użyciu zdjęć w wysokiej rozdzielczości. Oferują mapy 3D o wysokiej rozdzielczości w wielu zaludnionych obszarach na świecie. Umożliwiają one tworzenie immersyjnych wizualizacji 3D nowej generacji, które pomagają użytkownikom:

  • Poznawanie okolicy

  • Pewne nawigowanie do lokalizacji

  • Oceniaj nowe miejsca, aby podejmować decyzje

  • Poznaj zmiany w rzeczywistym świecie

Zanim zaczniesz

Zanim zaczniesz korzystać z interfejsu Photorealistic 3D Tiles API, musisz zapoznać się z Warunkami korzystania z usługi i zasadami dotyczącymi interfejsu Map Tiles API. Następnie możesz rozpocząć projekt z kontem rozliczeniowym i włączyć interfejs Map Tiles API. Więcej informacji znajdziesz w artykule Konfigurowanie w konsoli Google Cloud.

Pobieranie kafelków

Po uzyskaniu klucza interfejsu API możesz zacząć uzyskiwać dostęp do fotorealistycznych kafelków, podając adres URL głównego zbioru kafelków do wybranego renderera 3D Tiles. Następnie wszystkie kolejne wywołania dotyczące fotorealistycznych kafelków są automatycznie wykonywane przez moduł renderujący, gdy użytkownik eksploruje mapę.

Renderowanie może wysyłać żądania dotyczące kafelków przez co najmniej 3 godziny od wysłania pojedynczego żądania dotyczącego głównego zestawu kafelków. Po osiągnięciu tego limitu musisz wysłać kolejne żądanie dotyczące głównego zbioru kafelków.

Aby zacząć eksplorować 3D Tiles za pomocą CesiumJS, możesz użyć tego kodu JavaScript:

<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>