Fotorealistyczne kafelki 3D

Omówienie interfejsu 3D Tiles APIFotorealistyczne kafelki 3D to trójwymiarowa siatka z teksturą w wysokiej rozdzielczości. Udostępniają mapy 3D o wysokiej rozdzielczości na wielu zaludnionych obszarach na świecie. Dzięki nim możesz udostępniać użytkownikom wrażenia wizualizacji 3D nowej generacji, które ułatwiają im:

  • Informacje o obszarze

  • Bezpieczne nawigowanie do lokalizacji

  • Ocenianie nowych miejsc, aby podejmować decyzje

  • Jak zmienia się rzeczywistość

Zanim zaczniesz

Zanim zaczniesz korzystać z interfejsu API fotorealistycznych kafelków 3D, musisz zapoznać się z warunkami korzystania z usługi i zasadami interfejsu Mapy API dotyczącymi kafelków. Następnie możesz rozpocząć projekt z kontem rozliczeniowym i włączyć interfejs Map Tiles API. Więcej informacji znajdziesz w artykule Konfiguracja w Cloud Console.

Pobieranie kart

Po uzyskaniu klucza API możesz zacząć korzystać z fotorealistycznych płytek, podając adres URL katalogu płytek 3D do wybranego przez siebie silnika renderowania płytek. Następnie wszystkie kolejne wywołania fotorealistycznych płytek są automatycznie wykonywane przez renderowanie, gdy użytkownik przegląda mapę.

Renderowanie może wysyłać żądania dotyczące kafelków przez co najmniej 3 godziny od momentu wysłania żądania dotyczącego katalogu rysunków. Po osiągnięciu tego limitu musisz przesłać kolejną prośbę o utworzenie katalogu mozaiki głównej.

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