Fotorealistyczne kafelki 3D to siatka 3D o wysokiej strukturze
zdjęcia w rozdzielczości. Oferują one mapy 3D o wysokiej rozdzielczości
zaludnione obszary. Umożliwiają wyświetlanie wciągających widoków 3D nowej generacji
funkcje wizualizacji, które pomagają użytkownikom:
Informacje o obszarze
Bezpieczne nawigowanie do lokalizacji
Ocenianie nowych miejsc, aby podejmować decyzje
Zrozum, jak zmienia się świat
Zanim zaczniesz
Zanim zaczniesz korzystać z interfejsu Photoreal 3D Tiles API, musisz zapoznać się z opisem Warunki korzystania z usługi oraz Zasady interfejsu Map Tiles API Następnie możesz rozpoczęcie projektu z kontem rozliczeniowym i włączenie interfejsu Map Tiles API; Do więcej informacji znajdziesz w artykule Konfiguracja w Cloud Console.
Pobieram kafelki
Gdy uzyskasz klucz interfejsu API, możesz rozpocznij dostęp do fotorealistycznych kafelków, określając główny adres URL ich zbioru 3D Wybrany mechanizm renderowania fragmentów. Później wszystkie kolejne wywołania fotorealistyczne kafelki są automatycznie tworzone przez mechanizm renderowania jako użytkownik przegląda mapę.
Renderowanie może wysyłać żądania kafelków z jednego poziomu głównego przez co najmniej 3 godziny żądanie kafelka. Po osiągnięciu tego limitu musisz utworzyć kolejny zbiór kafelków roota użytkownika.
Możesz na przykład użyć poniższego kodu JavaScript, by zacząć poznawać trójwymiarowy widok. Kafelki z motywem 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>