Fotorealistyczne kafelki 3D

Omówienie interfejsu 3D Tiles APIFotorealistyczne płytki 3D to trójwymiarowa siatka z teksturami i obrazami w wysokiej rozdzielczości. Umożliwiają one tworzenie map 3D w wysokiej rozdzielczości z wieloma zamieszkanymi obszarami świata. Umożliwiają one korzystanie z najnowszej generacji, wciągające funkcje wizualizacji 3D, które pomagają użytkownikom:

  • Informacje o obszarze

  • Bezpieczne nawigowanie do lokalizacji

  • Oceniaj nowe miejsca, aby podejmować decyzje

  • Dowiedz się, jak zmienia się świat

Zanim zaczniesz

Zanim zaczniesz korzystać z interfejsu Photoreal 3D Tiles API, musisz zapoznać się z Warunkami korzystania z usługi i zasadami dotyczącymi interfejsu Map Tiles API. Możesz wtedy rozpocząć projekt z kontem rozliczeniowym i włączyć interfejs Map Tiles API. Więcej informacji znajdziesz w artykule Konfiguracja w Cloud Console.

Pobieram kafelki

Po uzyskaniu klucza interfejsu API możesz uzyskać dostęp do fotorealistycznych kafelków, podając główny adres URL zbioru kafelków do wybranego mechanizmu renderowania 3D. Późniejsze wywołania fotorealistycznego kafelków są automatycznie wykonywane przez mechanizm renderowania, gdy użytkownik przegląda mapę.

Renderowanie może spowodować wysłanie co najmniej 3 godzin żądań kafelków z pojedynczego żądania zbioru kafelków najwyższego poziomu. Po osiągnięciu tego limitu musisz wysłać kolejne żądanie zbioru kafelków poziomu głównego.

Możesz na przykład użyć poniższego kodu JavaScript, aby rozpocząć eksplorowanie kafelków 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>