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ą mapy 3D w wysokiej rozdzielczości w wielu zaludnionych obszarach świata. 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

  • Jak zmienia się świat

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.

Zdobywanie 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ę.

Renderowanie może wysyłać żądania kafelków przez co najmniej 3 godziny od 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ąć poznawać 3D Tiles 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>