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 obszaru
Pewne nawigowanie do lokalizacji
oceniać nowe miejsca, aby podejmować decyzje;
Zrozumienie, jak zmienia się świat
Zanim zaczniesz
Zanim zaczniesz korzystać z interfejsu Photorealistic 3D Tiles API, zapoznaj się z Warunkami korzystania z usługi i zasadami 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 w wybranym rendererze 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>