Fotorealistyczne kafelki 3D

Deweloperzy z Europejskiego Obszaru Gospodarczego (EOG)

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

  • Informacje o obszarze

  • Pewne nawigowanie do lokalizacji

  • Oceniaj nowe miejsca, aby podejmować decyzje

  • Poznawanie zmian w rzeczywistym świecie

Zanim zaczniesz

Zanim zaczniesz korzystać z interfejsu Photorealistic 3D Tiles API, musisz zapoznać się z Warunkami korzystania z usługizasadami 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 przegląda mapę.

Render może wysyłać żądania kafelków przez co najmniej 3 godziny od momentu wysłania pojedynczego żądania głównego zestawu kafelków. Po osiągnięciu tego limitu musisz wysłać kolejną prośbę o główny zestaw kafelków.

Aby zacząć eksplorować kafelki 3D za pomocą CesiumJS, możesz użyć tego przykładowego 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>