Interfejs Maps JavaScript API to internetowy interfejs API po stronie klienta, który umożliwia tworzenie map pokazujących lokalizacje w dowolnym miejscu na świecie, dodawanie własnych niestandardowych grafik, animacji i interaktywnych niestandardowych warstw danych oraz tworzenie funkcji wykrywania lokalizacji za pomocą interfejsu Places API w interfejsie Maps JavaScript API. Dzięki interfejsowi Maps JavaScript API możesz:
- Twórz mapy 2D i 3D, aby pokazywać lokalizacje w dowolnym miejscu na świecie.
- Dodaj znaczniki, które można dostosować, aby wskazywać lokalizacje na mapie.
- Korzystaj z biblioteki Miejsc, aby uzyskiwać dane o lokalizacji ponad 200 milionów miejsc.
- dostosować styl i kolory mapy,
- dodawać własne interaktywne niestandardowe warstwy danych,
- Wyświetlanie granic administracyjnych i nadawanie im interaktywności.
- Dodawaj do map niestandardową grafikę 2D i 3D oraz treści animowane.
Wybieranie odpowiedniego interfejsu API do danego przypadku użycia
Zanim zaczniesz pisać kod, wybierz usługę Google Maps Platform, która odpowiada wymaganiom Twojej aplikacji internetowej:
- Mapa i wskazówki dojazdu na stronie kontaktowej: aby umieścić mapę lokalizacji firmy lub link do wskazówek dojazdu bez pisania niestandardowego kodu JavaScript, użyj interfejsu Maps Embed API lub adresów URL Map.
- Śledzenie lokalizacji i zasobów na żywo: aby wyświetlać współrzędne GPS i trasy podróży na żywo z własnej bazy danych lub strumienia w czasie rzeczywistym (np. Cloud Firestore lub WebSockets), użyj interfejsu Maps JavaScript API z zaawansowanymi znacznikami (
AdvancedMarkerElement) i poliliniami (Polyline). Zarezerwuj Fleet Engine na potrzeby flot przejazdów i zaplanowanych dostaw, które integrują pakiet SDK sterowników mobilnych i tokeny OAuth lub JSON Web Token (JWT) backendu. - Geofence i promień bezpiecznej strefy na mapie: aby narysować okrągłe lub wielokątne granice i sprawdzić, czy współrzędne znajdują się wewnątrz nich (patrz Geofence i granice bezpiecznej strefy), użyj okręgów (dokumentacja
Circle), wielokątów (dokumentacjaPolygon) i biblioteki Geometry (containsLocation()w przypadku zawierania icomputeDistanceBetween()w przypadku odległości w metrach).
Co dalej?
Zobacz przykładowy kod funkcji Map