Fotorealistyczne kafelki 3D to siatka 3D z teksturą generowaną przy użyciu zdjęć w wysokiej rozdzielczości. Oferują one mapy 3D w wysokiej rozdzielczości w wielu zaludnionych obszarach na świecie. Umożliwiają tworzenie immersyjnych wizualizacji 3D nowej generacji, które pomagają użytkownikom:
zrozumieć dany obszar;
pewnie nawigować do lokalizacji;
oceniać nowe miejsca, aby podejmować decyzje;
rozumieć, jak zmienia się świat rzeczywisty.
Zanim zaczniesz
Zanim zaczniesz korzystać z interfejsu Photorealistic 3D Tiles API, musisz zapoznać 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 Konfiguracja w Cloud Console.
Pobieranie kafelków
Po uzyskaniu klucza interfejsu API możesz zacząć uzyskiwać dostęp do fotorealistycznych kafelków, podając adres URL głównego zbioru kafelków do wybranego przez siebie renderera kafelków 3D. Następnie wszystkie kolejne wywołania fotorealistycznych kafelków są automatycznie wykonywane przez renderera, gdy użytkownik końcowy eksploruje mapę.
Renderer może wysłać co najmniej 3 godziny żądań kafelków z jednego żądania głównego zbioru kafelków. Po osiągnięciu tego limitu musisz wysłać kolejne żądanie głównego zbioru kafelków.
Na przykład możesz użyć tego kodu JavaScript, aby rozpocząć eksplorowanie 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>