Fotorealistyczne kafelki 3D

Omówienie interfejsu 3D Tiles APIFotorealistyczne kafelki 3D to siatka 3D pokryta teksturą z obrazów w wysokiej rozdzielczości. Zawierają wysokiej jakości mapy 3D wielu zaludnionych obszarów świata. Umożliwiają one tworzenie atrakcyjnej wizualizacji 3D nowej generacji, dzięki której użytkownicy:

  • Informacje o obszarze

  • Bezpieczne nawigowanie do lokalizacji

  • Oceniaj nowe miejsca, aby podejmować decyzje

  • Zrozum, jak zmienia się świat

Zanim zaczniesz

Zanim zaczniesz korzystać z interfejsu Photoreal 3D Tiles API, musisz zapoznać się z Warunkami usługi i zasadami 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 Konfiguracja w konsoli Cloud.

Pobieram kafelki

Po uzyskaniu klucza interfejsu API możesz zacząć korzystać z fotorealistycznych kafelków, podając URL głównego zbioru kafelków do wybranego mechanizmu renderowania 3D. Później wszystkie kolejne żądania fotorealistycznych fragmentów mapy są automatycznie wykonywane przez mechanizm renderowania, gdy użytkownik przegląda mapę.

Renderowanie może wysyłać żądania kafelków z jednego żądania głównego zbioru kafelków przez co najmniej 3 godziny. Po osiągnięciu tego limitu musisz wysłać kolejne żądanie zbioru kafelków głównego.

Możesz np. skorzystać z podanego niżej kodu JavaScript, by zacząć przeglądać kafelki 3D za pomocą Cesium JS.

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