Pierwsze kroki z funkcją 3D Area Explorer

obraz

Przegląd

Eksplorator obszarów 3D to zupełnie nowy sposób odkrywania i poznawania miejsc. To rozwiązanie korzysta z możliwości funkcji fotorealistycznych kafelków 3D Platform Map Google oraz interfejsu Places API, aby tworzyć atrakcyjne, interaktywne środowiska 3D.

Eksplorator obszarów 3D ma wiele zastosowań:

  • Usprawniona eksploracja obszaru: użytkownicy mogą zwiedzać okolicę wirtualnie, korzystając z wysokiej jakości wizualnej informacji o lokalnych obiektach i punktach orientacyjnych.

  • Promowanie narracji opartych na lokalizacji: możliwość dodawania ciekawych miejsc do rozbudowanych opisów umożliwia tworzenie opartych na narracji treści, które uczą użytkowników i informują o nich.

  • Inspirowanie do tworzenia aplikacji przy użyciu funkcji 3D Map Google: pokazuje potencjał danych map 3D Google w zakresie tworzenia wciągających, interaktywnych map.

Pierwsze kroki:

Włącz

Kluczowe technologie

To rozwiązanie jest tworzone przy użyciu 2 głównych technologii:

Interfejsy API Google Maps Platform:

Do pobierania mapy podstawowej i danych potrzebnych do utworzenia tego środowiska używamy kilku interfejsów API z Google Maps Platform:

  • Fotorealistyczne kafelki 3D Map Google: modele 3D budynków i ukształtowania terenu w wysokiej rozdzielczości umożliwiają realistyczne i atrakcyjne odzwierciedlenie środowisk miejskich.
  • Places API: aplikacja może identyfikować i wyświetlać szczegółowe informacje o ciekawych miejscach na badanym obszarze, co pozwala wzbogacić wrażenia użytkowników o informacje o okolicy.
  • Autouzupełnianie ułatwia użytkownikom wyszukiwanie konkretnych lokalizacji lub obszarów zainteresowań.

CesiumJS

CesiumJS odpowiada za renderowanie i wyświetlanie kuli ziemskiej w wysokiej rozdzielczości 3D. Obsługuje ona wczytywanie i wizualizację fotorealistycznych kart 3D Google, które stanowią siatkę 3D budynków i ukształtowania terenu.

Zarządzanie kamerą: CesiumJS udostępnia narzędzia do kontrolowania pozycji, orientacji i ruchu kamery. Obejmuje to m.in.:

  • Ustawienie początkowego punktu widzenia tak, aby po wczytaniu aplikacji skupić się na określonej okolicy.
  • Stosowanie dynamicznych ruchów kamery, np. automatycznych animacji orbit, w celu eksploracji.
  • Obsługa interakcji użytkowników z kulą ziemską, jeśli są dostępne takie funkcje (przesuwanie, powiększanie, obrót).

Dowiedz się, jak fotorealistyczne kafelki 3D mogą działać z renderowaniem kafelków 3D.

Kluczowe elementy

Aplikacja dzieli się na 2 różne aplikacje:

  • Aplikacja administratora
  • Aplikacja w wersji demonstracyjnej

Ten diagram przedstawia różnice i korelacje między 2 aplikacjami:

obraz

Warto dokładniej zbadać każdą aplikację:

Aplikacja administratora

Aplikacja ma łatwy w użyciu interfejs, który pozwala dostosować obraz 3D:

  • Wyszukiwanie lokalizacji : użyj zintegrowanego paska wyszukiwania autouzupełniania Google Maps Platform, aby znaleźć obszar, który chcesz zaprezentować. Gdy wybierzesz lokalizację, kamera automatycznie przejdzie w dane miejsce.

  • Kamera: dostosuj szybkość ruchu kamery i typ orbity, aby uzyskać wybrane wrażenia podczas oglądania.

  • Miejsca (POI): określ zagęszczenie, promień wyszukiwania i rodzaje ciekawych miejsc (np. restauracji, kawiarni, punktów orientacyjnych), które chcesz zaprezentować.

Za pomocą tej aplikacji możesz dostosować sposób jej działania do potrzeb użytkowników.

Dostępne są szczegółowe opisy wszystkich dostosowań dostosowań Eksploratora obszarów 3D.

Aplikacja w wersji demonstracyjnej

To ostatnia aplikacja dla użytkowników, która wczytuje konfigurację utworzoną w aplikacji Admin. W tym atrakcyjnym środowisku 3D użytkownicy będą mogli zwiedzać wybrane obszary i odkryć wyróżnione przez Ciebie miejsca.

Po dostosowaniu wyglądu i stylu za pomocą aplikacji Admin możesz pobrać konfigurację i uruchomić swoją aplikację z kodu źródłowego.

Zadowolenie użytkowników

obraz

Oto niektóre z kluczowych funkcji tej aplikacji:

  1. Użytkownicy mogą interaktywnie poznawać obszar w 3D, w tym budynki, punkty orientacyjne i ukształtowanie terenu.
  2. Użytkownicy mogą wyszukiwać i odkrywać miejsca w pobliżu (np. muzea, parki, restauracje).

  3. Po wybraniu miejsca użytkownicy mogą zobaczyć szczegółowe informacje lub narracje związane z nim.

  4. Deweloperzy mogą spersonalizować eksplorację za pomocą ustawień i elementów sterujących (jeśli używają aplikacji Admin).

  5. Włączony jest automatyczny obrót, który umożliwia automatyczne obracanie kamery wokół środka wybranego obszaru.

Wymagania wstępne

  1. Klucz interfejsu API Map Google – potrzebujesz prawidłowego klucza API z włączonymi następującymi interfejsami API:

  2. Serwer WWW – aplikację można udostępniać z tych źródeł:

    • Lokalny serwer WWW (np. z użyciem Node.js, http-server)
    • statycznego hostingu witryn (do aplikacji jest dołączony plik Dockerfile);

Szczegółowy opis opcji wdrażania znajdziesz w sekcji Readme projektu na GitHubie.

Wdrażanie

Aplikację możesz wdrożyć jako aplikację węzła lub kontener Dockera w dowolnym środowisku kontenerów, takim jak GKE lub GAE. Hostowana wersja demonstracyjna korzysta z tej architektury:

obraz

  • W tej architekturze kod znajduje się w projekcie GitHub.
  • Cloud Build pobiera kod przy każdym wypychaniu do strony głównej i aktywuje operację kompilacji.
  • W ramach kompilacji wstrzykuje klucz interfejsu API i tworzy obraz, który jest następnie przechowywany w rejestrze artefaktów.
  • Na koniec wdraża w Cloud Run najnowszy stabilny obraz z Artifact Registry.
  • Przeprowadzamy też kontrole stanu i monitorowania stanu wdrożonych aplikacji.

Informacje rozliczeniowe

Rozwiązanie 3D Area Explorer korzysta z usług Google Maps Platform, aby zapewnić atrakcyjne i dynamiczne wrażenia użytkowników. Niektóre interfejsy API mogą powodować naliczanie opłat. Oto przegląd interfejsów API i linki do cennika.

Google Maps Platform – interfejs API 3D Tiles:

Rozwiązanie Storytelling wykorzystuje interfejs API 3D Tiles do zwiększenia wrażenia wizualnego dzięki danym geoprzestrzennym. Informacje o cenach interfejsu 3D Tiles API znajdziesz w cenniku interfejsu 3D Tiles API w Google Maps Platform.

Google Maps Platform – Places API:

Interfejs Places API służy do określania danych opartych na lokalizacji, dzięki czemu wzbogaca przekaz o różnorodne informacje. Informacje o kosztach związanych z używaniem interfejsu Google Places API znajdziesz na stronie Places API – cennik.

Google Maps Platform – interfejs API autouzupełniania:

Funkcja autouzupełniania poprawia interakcję użytkownika. Aby uzyskać szczegółowe informacje o interfejsie Google Maps Autocomplete API, odwiedź Google Maps Platform – ceny autouzupełniania Miejsc.

CesiumJS:

Do wizualizacji kuli ziemskiej w 3D służy CesiumJS. CesiumJS to oprogramowanie open source, ale za korzystanie z dodatkowych funkcji lub usług mogą wiązać się osobne koszty. Informacje o ofertach premium znajdziesz w dokumentacji CesiumJS.

Ważne jest, aby sprawdzić 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 z określoną ilością danych bez opłat, a ceny mogą się różnić w zależności od takich czynników jak liczba żądań i region użycia.

Najbardziej dokładne i aktualne informacje o kosztach wykorzystania Google Maps Platform i CesiumJS zawsze znajdziesz na oficjalnych stronach z cenami. Zadbaj o zgodność z warunkami korzystania z tych usług, aby skutecznie zarządzać powiązanymi wydatkami i je zrozumieć.

Podsumowanie

Ten dokument zawiera omówienie możliwości, komponentów, wrażeń użytkownika i wymagań technicznych Eksploratora obszarów 3D.

Wykorzystując fotorealistyczne kafelki Google 3D i interfejs Places API, umożliwia on wirtualną eksplorację okolic, odkrywanie ciekawych miejsc i poznawanie lokalnej historii.

Niezależnie od tego, czy prezentujesz dane miejsce, ulepszasz eksplorację, czy promujesz cyfrową opowieść, 3D Area Explorer oferuje świetną wizualnie platformę.

Wypróbuj wersję demonstracyjną i spersonalizuj ją za pomocą aplikacji Admin, aby stworzyć wciągające i informacyjne środowisko 3D.