Fotorealistyczne kafelki 3D to siatka trójwymiarowa z teksturą zawierającą zdjęcia o wysokiej rozdzielczości. Dzięki nim można tworzyć mapy 3D w wysokiej rozdzielczości na wielu zaludnionych obszarach świata. Zapewniają wciągające funkcje wizualizacji 3D nowej generacji, które pomagają użytkownikom:
Informacje o obszarze
Bezpieczna nawigacja do lokalizacji
Oceniaj nowe miejsca, aby podejmować decyzje
Zobacz, jak zmienia się rzeczywisty świat
Zanim zaczniesz
Zanim zaczniesz korzystać z interfejsu PhotoReal 3D Tiles API, musisz zapoznać się z Warunkami korzystania z usługi oraz zasadami dotyczącymi interfejsu Map Tiles API. Następnie możesz uruchomić 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 zacząć uzyskiwać dostęp do fotorealistycznych kafelków, podając URL głównego zbioru kafelków wybranym mechanizmom renderowania kart 3D. Następnie wszystkie kolejne wywołania fotorealistycznych kafelków są automatycznie wykonywane przez mechanizm renderowania, gdy użytkownik przegląda mapę.
Renderowanie może wykonać co najmniej 3 godziny żądań kafelków z jednego żądania zbioru kafelków roota. Po osiągnięciu tego limitu musisz przesłać kolejne żądanie zbioru kafelków roota.
Możesz na przykład skorzystać z poniższego kodu JavaScript, aby rozpocząć przeglądanie kafelków 3D w 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>