Fotorealistyczne 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. Umożliwiają one tworzenie nowej generacji wciągających wizualizacji 3D, które pomogą użytkownikom:
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 kafelków przez co najmniej 3 godziny od momentu wysłania żądania katalogu rysunków. Po osiągnięciu tego limitu musisz przesłać kolejną prośbę o utworzenie katalogu mozaiki głównej.
Aby rozpocząć eksplorowanie kafelków 3D za pomocą biblioteki 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>