Pierwsze kroki z funkcją 3D Area Explorer

obraz

Omówienie

Eksplorator obszaru 3D zapewnia zupełnie nowy sposób odkrywania lokalizacji użytkowników. To rozwiązanie wykorzystuje możliwości Map Google Platforma – realistyczne 3D kafelki oraz Miejsca API aby tworzyć atrakcyjne, interaktywne środowisko 3D.

Eksplorator obszarów 3D służy do różnych celów:

  • Usprawnij eksplorację obszaru: użytkownicy mogą wirtualnie zwiedzać okolice za pomocą szczegółowe informacje wizualne, dzięki którym dowiesz się więcej o obiektach lokalnych punkty orientacyjne.

  • Promowanie treści związanych z lokalizacją: możliwość uwzględniania ważnych miejsc. (ciekawych miejsc) ze szczegółowymi opisami, które umożliwiają tworzenie treści oparte na narracji, które uczą i informują użytkowników o konkretnych lokalizacji.

  • Inspirowanie do programowania z wykorzystaniem funkcji 3D w Mapach Google: pokazuje, potencjału danych map 3D od Google do tworzenia atrakcyjnych, interaktywne mapy

Pierwsze kroki:

Włącz

Kluczowe technologie

W tym rozwiązaniu wykorzystano 2 kluczowe technologie:

Interfejsy API Google Maps Platform:

Do pobierania mapy podstawowej i danych używamy kilku interfejsów API z Google Maps Platform aby utworzyć takie doświadczenie:

  • Realistyczne kafelki 3D Map Google: Modele 3D budynków i terenu o wysokiej rozdzielczości zapewniają realistyczne, atrakcyjną wizualnie reprezentacją miejskich krajobrazów.
  • Places API: Aplikacja może identyfikować i wyświetlać szczegółowe informacje o punktach zainteresowania na odkrytym obszarze, wzbogacające wrażenia użytkownika o wiedzę o okolicy.
  • Autouzupełnianie pomaga użytkownikom w wyszukiwaniu określonych lokalizacji lub obszarów a interesem publicznym.

CesiumJS

CesiumJS odpowiada za renderowanie i wyświetlanie 3D w wysokiej rozdzielczości kuli ziemskiej. Zajmuje się wczytywaniem i wizualizacją obiektów 3D w trybie Fotorealistycznych zdjęć Google Kafelki zawierające model siatki 3D budynków i terenu.

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

  • Ustawienie początkowego punktu widokowego, aby skupić się na określonej okolicy podczas wczytywania aplikacji.
  • Wprowadzanie dynamicznych ruchów kamery, na przykład zautomatyzowanej orbity z animacjami do eksploracji.
  • obsługi interakcji użytkowników z kulą ziemską, jeśli takie funkcje są dostępne; (przesuwanie, powiększanie, obracanie).

Dowiedz się, jak fotorealistyczne kafelki 3D Korzystaj z mechanizmu renderowania kafelków 3D.

Najważniejsze elementy

Aplikacja jest podzielona na dwie różne aplikacje:

  • Aplikacja administratora
  • Aplikacja w wersji demonstracyjnej

Ten diagram przedstawia przegląd różnic i korelacji między te 2 aplikacje:

obraz

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

Aplikacja administratora

Aplikacja ma łatwy w użyciu interfejs, który umożliwia dostosowanie efekt 3D:

  • Wyszukiwanie lokalizacji : używanie zintegrowanej funkcji autouzupełniania Google Maps Platform. za pomocą paska wyszukiwania, aby znaleźć obszar, który chcesz zaprezentować. Po wybraniu gdy wybierzesz konkretną lokalizację, kamera płynnie poleci w danym miejscu.

  • Kamera: dostosuj prędkość ruchu kamery i typ orbity, aby utworzyć wybrany sposób oglądania.

  • Miejsca (POI): określ gęstość, promień wyszukiwania i typy punktów zainteresowania (np. restauracje, kawiarnie, punkty orientacyjne), które chcesz zgłosić.

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

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

Aplikacja w wersji demonstracyjnej

Jest to ostateczna aplikacja dla użytkownika, która wczytuje konfigurację utworzony w aplikacji Admin. W tym immersyjnym środowisku 3D użytkownicy mogą aby przejrzeć zaznaczone obszary i odkryć 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ć niestandardową aplikację z kodu źródłowego.

Wygoda użytkowników

obraz

Najważniejsze funkcje aplikacji to:

  1. Użytkownicy mogą interaktywnie odkrywać w 3D obszar, w tym budynki, punktów orientacyjnych i ukształtowania terenu.
  2. Użytkownicy mogą wyszukiwać i odkrywać miejsca w pobliżu (np. muzea, parki, restauracje).
  3. Po wybraniu miejsca użytkownicy mogą wyświetlić szczegółowe informacje lub narracje powiązane z daną lokalizacją.

  4. Deweloperzy mogą personalizować eksplorację w ustawieniach i (jeśli używasz aplikacji Admin).

  5. Autoobracanie jest włączone, dzięki czemu aparat może obracać się wokół własnej osi na środku wybranego obszaru.

Wymagania wstępne

  1. Klucz interfejsu API Map Google: potrzebujesz prawidłowego klucza interfejsu API z poniższymi interfejsami API włączono:

  2. Serwer WWW: aplikację możesz udostępniać z jednego z tych miejsc:

    • Lokalny serwer WWW (np. Node.js lub http-server)
    • Statyczna usługa hostingu WWW (do aplikacji jest dołączony plik Dockerfile).

Szczegółowy opis opcji wdrażania znajdziesz w pliku Readme. w projekcie GitHub.

Wdrożenie

Możesz ją wdrożyć jako aplikację węzła lub kontener Dockera w dowolnym środowisku kontenera, takim jak GKE lub GAE. Hostowana wersja demonstracyjna używa architektura:

obraz

  • W tej architekturze kod znajduje się w projekcie GitHub.
  • Cloud Build pobiera kod przy każdym przekazaniu do katalogu głównego i aktywuje kompilację .
  • W ramach kompilacji wstrzykiwany jest klucz interfejsu API i tworzy obraz, który następnie i przechowywane w Artifact Registry.
  • Na koniec wdraża w Cloud najnowszy stabilny obraz z Artifact Registry. run.
  • Przeprowadzamy też kontrole stanu i monitorujemy go wdrożonych aplikacji.

Informacje rozliczeniowe

Eksplorator obszarów 3D korzysta z usług Google Maps Platform, aby zapewnić wciągające, dynamiczne doświadczenia. Za niektóre interfejsy API mogą być naliczane opłaty. W skrócie interfejsów API i linków do cen.

Google Maps Platform – 3D Tiles API:

Rozwiązanie Storytelling wykorzystuje interfejs 3D Tiles API, aby ulepszyć doświadczenie w pracy z danymi geoprzestrzennymi. Szczegółowe informacje o cenach kafelków 3D API – więcej informacji o Google Maps Platform – 3D Tiles API Ceny.

Google Maps Platform – Places API:

Interfejs Places API jest wykorzystywany do zbierania danych o lokalizacji, dodawania szczegółowych informacji w procesie narracyjnym. Aby poznać koszty powiązane z kontem Google Places API,odwiedź Google Maps Platform – Places API Ceny.

Google Maps Platform – Autocomplete API:

Funkcja autouzupełniania ułatwia interakcję użytkowników. Cennik w przypadku interfejsu API autouzupełniania w Mapach Google, odwiedź Google Maps Platform – Autouzupełnianie miejsc Ceny.

CesiumJS:

CesiumJS służy do wyświetlania kuli ziemskiej w 3D. i wizualizacji. CesiumJS to system open source, jednak dodatkowe funkcje mogą wiązać się z kosztami. Zapoznaj się z cesiumJS Dokumentacja ofert premium.

Należy sprawdzić szczegóły dotyczące cen każdego interfejsu API, ponieważ są określane indywidualnie na podstawie użycia. Pamiętaj, że Google Maps Platform oferuje poziom bezpłatny z pewną ilością danych bez opłat dane mogą się różnić w zależności od czynników, takich jak liczba wniosków i wykorzystanie i regionie.

Najbardziej dokładne i aktualne informacje zawsze znajdziesz na oficjalnych stronach z cenami. informacje o kosztach korzystania z Google Maps Platform i CesiumJS. Zapewnianie zgodności z warunkami korzystania z usługi określonymi przez te usługi dotyczące zarządzania efektywne rozumienie powiązanych wydatków.

Podsumowanie

Niniejszy dokument zawiera opis możliwości Eksploratora obszarów 3D, komponentów, wygody użytkownika i wymagań technicznych.

Dzięki wykorzystaniu technologii Photorealistycznych kafelków 3D Google i interfejsu Places API umożliwia wirtualne zwiedzanie dzielnic, poznawanie ciekawych miejsc i do poznawania historii lokalnej.

Czy podczas prezentacji obszaru, wzbogacania eksploracji czy promowania treści cyfrowych 3D Area Explorer to atrakcyjna wizualnie platforma.

Wypróbuj wersję demonstracyjną i dostosuj ją za pomocą aplikacji Admin, aby wiele przydatnych informacji w 3D.