Fotorealistyczne kafelki 3D to siatka 3D z teksturą utworzoną ze zdjęć w wysokiej rozdzielczości. Oferują one mapy 3D w wysokiej rozdzielczości dla wielu zaludnionych obszarów na świecie. Umożliwiają one tworzenie nowoczesnych, immersyjnych wizualizacji 3D, które pomagają użytkownikom:
Poznawanie okolicy
Pewne nawigowanie do lokalizacji
oceniać nowe miejsca, aby podejmować decyzje;
Zrozumienie, jak zmienia się świat rzeczywisty
Zanim zaczniesz
Zanim zaczniesz korzystać z interfejsu Photorealistic 3D Tiles API, zapoznaj się z Warunkami korzystania z usługi i zasadami dotyczącymi 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 o konfigurowaniu w konsoli Cloud.
Pobieranie kafelków
Po uzyskaniu klucza interfejsu API możesz zacząć korzystać z fotorealistycznych kafelków, podając adres URL głównego zbioru kafelków wybranemu rendererowi kafelków 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 wysyłać żądania kafelków przez co najmniej 3 godziny od pojedynczego żądania głównego zbioru kafelków. Po osiągnięciu tego limitu musisz wysłać kolejną prośbę o główny zbiór kafelków.
Możesz na przykład użyć tego kodu JavaScript, aby rozpocząć odkrywanie 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>