Omówienie
Narzędzie 3D Area Explorer to zupełnie nowy sposób odkrywania i poznawania miejsc. To rozwiązanie wykorzystuje możliwości interfejsu Map Google Platform Photorealistic 3D Tiles i interfejsu API Places do tworzenia atrakcyjnych, interaktywnych środowisk 3D.
Narzędzie 3D Area Explorer służy do różnych celów:
Ulepszone zwiedzanie okolicy: użytkownicy mogą wirtualnie zwiedzać okolicę z dużą ilością szczegółów wizualnych, uzyskując informacje o miejscowych funkcjach i miejscach orientacyjnych.
Promowanie narracji opartych na lokalizacji: możliwość uwzględniania punktów zainteresowania z bogatymi opisami umożliwia tworzenie narracji opartych na lokalizacji, które edukują i informują użytkowników o konkretnych lokalizacjach.
Inspire development using Google Maps 3D capabilities: demonstrates the potential of Google's 3D mapping data for creating immersive, interactive maps
Pierwsze kroki:
Włącz
Kluczowe technologie
To rozwiązanie zostało opracowane z wykorzystaniem 2 kluczowych technologii:
Interfejsy API Google Maps Platform:
Aby uzyskać mapę podstawową i dane potrzebne do stworzenia tej funkcji, używamy kilku interfejsów API z Google Maps Platform:
- Fotorealistyczne kafelki 3D w Mapach Google: modele 3D budynków i terenu w wysokiej rozdzielczości zapewniają realistyczne i atrakcyjne wizualnie odwzorowanie środowiska miejskiego.
- Places API: aplikacja może rozpoznawać i wyświetlać szczegółowe informacje o ciekawych miejscach na zbadanym obszarze, wzbogacając wrażenia użytkownika o informacje o miejscowości.
- Autouzupełnianie pomaga użytkownikom wyszukiwać konkretne lokalizacje lub obszary zainteresowań.
CesiumJS
CesiumJS odpowiada za renderowanie i wyświetlanie kuli ziemskiej 3D w wysokiej rozdzielczości. Odpowiada on za wczytywanie i wizualizację fotorealistycznych kafelków 3D Google, które stanowią trójwymiarowy model siatki budynków i terenu.
Zarządzanie kamerą: CesiumJS udostępnia narzędzia do kontrolowania pozycji, orientacji i ruchu kamery. Obejmuje to m.in.:
- Początkowy punkt widzenia ustawiony na wskazaną okolicę po załadowaniu aplikacji.
- Wdrożenie dynamicznych ruchów kamery, takich jak automatyczne animacje orbity do eksploracji.
- obsługa interakcji użytkownika z globusem, jeśli są dostępne takie funkcje (przesuwanie, powiększanie, obracanie);
Dowiedz się, jak fotorealistyczne kafelki 3D mogą działać z renderowaniem kafelków 3D.
Kluczowe komponenty
Aplikacja jest podzielona na 2 części:
- Aplikacja Administratora
- Aplikacja demonstracyjna
Ten diagram przedstawia różnice i zależności między tymi 2 aplikacją:
Warto dokładniej przyjrzeć się każdej aplikacji:
Aplikacja Administratora
Aplikacja ta ma przyjazny dla użytkownika interfejs, który umożliwia dostosowanie wrażeń 3D:
Wyszukiwanie lokalizacji : użyj zintegrowanego paska wyszukiwania Autouzupełniania Google Maps Platform, aby znaleźć obszar, który chcesz wyświetlić. Po wybraniu lokalizacji kamera automatycznie przeniesie się do tego obszaru.
Kamera:dostosuj szybkość ruchu kamery i typ orbity, aby stworzyć wybrane wrażenia wizualne.
Miejsca (POI): określ gęstość, promień wyszukiwania i typy punktów zainteresowania (np. restauracje, kawiarnie, zabytki), które chcesz uwzględnić.
Użyj tej aplikacji, aby dostosować działanie usługi dla użytkowników końcowych.
Odkryj biuro Google w Chicago, korzystając z obrazu w zwolnionym tempie.
Zobacz gęsto rozmieszczone atrakcje turystyczne na Las Vegas Strip.
Teraz możesz zwiedzić Las Vegas, podążając za szybką kamerą po ścieżce sinusoidalnej.
Zwiedzanie Wielkiego Kanionu ze wszystkimi najważniejszymi atrakcjami turystycznymi
Szczegółowy opis wszystkich opcji dostosowywania znajdziesz w artykule Dostosowanie narzędzia 3D Area Explorer.
Aplikacja demonstracyjna
To ostateczna aplikacja dla użytkowników, która wczytuje konfigurację utworzoną w aplikacji Administrator. W tym wciągającym środowisku 3D użytkownicy będą mogli eksplorować wybrane obszary i odkrywać miejsca, które zostały przez Ciebie wyróżnione.
Po dostosowaniu wyglądu i stylu za pomocą aplikacji Admin możesz pobrać konfigurację i uruchomić aplikację niestandardową z kodu źródłowego.
Wygoda użytkowników
Oto niektóre z najważniejszych funkcji aplikacji:
- Użytkownicy mogą interaktywnie poznawać obszar w 3D, w tym budynki, punkty orientacyjne i teren.
- Użytkownicy mogą wyszukiwać i odkrywać pobliskie miejsca (np. muzea, parki, restauracje).
Po wybraniu miejsca użytkownicy mogą wyświetlić szczegółowe informacje lub narracje związane z tą lokalizacją.
Deweloperzy mogą spersonalizować eksplorację za pomocą ustawień i sterowania (jeśli korzystają z aplikacji Admin).
Automatyczne obracanie jest włączone, co pozwala kamerze automatycznie obracać się wokół środka wybranego obszaru.
Wymagania wstępne
Klucz interfejsu API Map Google: musisz mieć prawidłowy klucz interfejsu API z tymi interfejsami API włączonymi:
Serwer WWW: aplikację możesz udostępniać z:
- lokalny serwer WWW (np. Node.js, http-server);
- Statyczny hosting WWW (aplikacja jest dostarczana z Dockerfile)
Szczegółowy opis opcji wdrażania znajdziesz w sekcji readme projektu w GitHub.
Wdrożenie
Aplikację możesz wdrożyć jako aplikację węzła lub kontener Dockera w dowolnym środowisku kontenera, takim jak GKE czy GAE. Udostępnione demo korzysta z tej architektury:
- W tej architekturze kod znajduje się w projekcie GitHub.
- Cloud Build pobiera kod przy każdym wypchnięciu do głównej gałęzi i uruchamia operację kompilacji.
- W ramach kompilacji wstrzykuje klucz interfejsu API i tworzy obraz, który jest następnie przechowywany w rejestrze artefaktów.
- Na koniec wdroży najnowszy stabilny obraz z rejestru komponentów do Cloud Run.
- Wykonujemy też kontrole stanu i monitorowanie wdrożenia aplikacji.
Informacje rozliczeniowe
Rozwiązanie 3D Area Explorer korzysta z usług Google Maps Platform, aby zapewnić użytkownikom wciągające i dynamiczne wrażenia. Za korzystanie z niektórych interfejsów API mogą być naliczane opłaty. Poniżej znajdziesz omówienie interfejsów API i linki do informacji o cenach.
Google Maps Platform – interfejs API mapek 3D:
Rozwiązanie Storytelling wykorzystuje interfejs 3D Tiles API, aby wzbogacić wizualnie dane geoprzestrzenne. Szczegółowe informacje o cenach interfejsu API Tiles 3D znajdziesz w artykule „Interfejs API Tiles 3D w Google Maps Platform – ceny”.
Google Maps Platform – interfejs Places API:
Interfejs Places API służy do uzyskiwania danych opartych na lokalizacji, dzięki czemu można wzbogacić opowiadanie o danym miejscu. Aby poznać koszty związane z interfejsem Places API,otwórz stronę Google Maps Platform – Cennik interfejsu Places API.
Google Maps Platform – Autocomplete API:
Funkcja autouzupełniania ułatwia interakcję z użytkownikiem. Szczegółowe informacje o cenach interfejsu Autocomplete API Map Google znajdziesz na stronie „Places Autocomplete API – ceny” w Google Maps Platform.
CesiumJS:
CesiumJS służy do wizualizacji kuli ziemskiej w 3D. CesiumJS jest oprogramowaniem open source, ale dodatkowe funkcje lub usługi mogą wiązać się z opłatami. Informacje o ofercie premium znajdziesz w dokumentacji CesiumJS.
Koniecznie sprawdź szczegóły cen poszczególnych interfejsów API, ponieważ opłaty są ustalane indywidualnie na podstawie wykorzystania. Pamiętaj, że Google Maps Platform oferuje poziom bezpłatny, w ramach którego można korzystać z pewnej ilości usług bez opłat. Ceny mogą się różnić w zależności od czynników takich jak liczba żądań i region.
Najdokładniejsze i najnowsze informacje o kosztach korzystania z Google Maps Platform i CesiumJS znajdziesz na oficjalnych stronach cenowych. Zapewnij zgodność z warunkami określonymi przez te usługi, aby skutecznie zarządzać wydatkami i je kontrolować.
Podsumowanie
W tym dokumencie znajdziesz omówienie możliwości, komponentów, interfejsu użytkownika i wymagań technicznych narzędzia Area Explorer 3D.
Dzięki fotorealistycznym kafelkom 3D i interfejsowi Places API od Google użytkownicy mogą wirtualnie zwiedzać okolice, odkrywać ciekawe miejsca i uczyć się historii lokalnych.
Niezależnie od tego, czy chcesz zaprezentować dany obszar, ułatwić eksplorację czy promować cyfrowe opowiadanie historii, możesz wykorzystać do tego narzędzie 3D Area Explorer, które zapewnia atrakcyjną wizualnie platformę.
Wypróbuj wersję demonstracyjną i dostosuj ją za pomocą aplikacji Admin, aby stworzyć atrakcyjne i pouczające środowisko 3D.