Fotorealistyczne kafelki 3D

Omówienie interfejsu 3D Tiles APIFotorealistyczne kafelki 3D to siatka 3D o wysokiej strukturze zdjęcia w rozdzielczości. Oferują one mapy 3D o wysokiej rozdzielczości zaludnione obszary. Umożliwiają wyświetlanie wciągających widoków 3D nowej generacji funkcje wizualizacji, które pomagają użytkownikom:

  • 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 opisem Warunki korzystania z usługi oraz Zasady interfejsu Map Tiles API Następnie możesz rozpoczęcie projektu z kontem rozliczeniowym i włączenie interfejsu Map Tiles API; Do więcej informacji znajdziesz w artykule Konfiguracja w Cloud Console.

Pobieram kafelki

Gdy uzyskasz klucz interfejsu API, możesz rozpocznij dostęp do fotorealistycznych kafelków, określając główny adres URL ich zbioru 3D Wybrany mechanizm renderowania fragmentów. Później wszystkie kolejne wywołania fotorealistyczne kafelki są automatycznie tworzone przez mechanizm renderowania jako użytkownik przegląda mapę.

Renderowanie może wysyłać żądania kafelków z jednego poziomu głównego przez co najmniej 3 godziny żądanie kafelka. Po osiągnięciu tego limitu musisz utworzyć kolejny zbiór kafelków roota użytkownika.

Możesz na przykład użyć poniższego kodu JavaScript, by zacząć poznawać trójwymiarowy obraz Kafelki z motywem 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>