Maps JavaScript API

Twórz dynamiczne, interaktywne i wysoce dostosowane mapy, usługi lokalizacyjne i geoprzestrzenne dla swoich aplikacji internetowych.

Rozpocznij

Zacznij tworzyć rozwiązania, korzystając z najczęściej używanych funkcji interfejsu Maps JavaScript API.
Aby utworzyć konto, wygenerować klucz interfejsu API i rozpocząć tworzenie aplikacji, postępuj zgodnie z instrukcjami w Przewodniku po Google Maps Platform.
Dowiedz się, jak wczytać interfejs Maps JavaScript API i dodawać do aplikacji internetowej mapę z znacznikiem.
Dowiedz się, jak utworzyć mapę 3D za pomocą interfejsu Maps JavaScript API.
Dostosuj każdy aspekt mapy, w tym drogi, elementy geograficzne, ciekawe miejsca i inne.
Wyświetl okno informacyjne z dodatkowymi informacjami i kontekstem po kliknięciu przez użytkownika znacznika.

Funkcje

Przejrzyj dokumenty dotyczące podstawowych funkcji interfejsu Maps JavaScript API.
Wyświetlanie map drogowych, satelitarnych, hybrydowych, terenowych i niestandardowych.
automatycznie lokalizować tekst na mapie na ponad 40 językach.
Wyświetl domyślny znacznik Map Google lub dodaj własne znaczniki w niestandardowym stylu.
Dostosowywanie elementów sterujących interfejsem, które pojawiają się na mapie.
Napisać kod, który reaguje na interakcje użytkowników i zdarzenia cyklu życia.
Twórz bogate mapy 3D i 2D na podstawie wektorowej mapy bazowej dzięki możliwościom WebGL.
Dodaj więcej kontekstu i informacji do swoich znaczników za pomocą interaktywnych okien z informacjami.
Rysuj na mapie różne kształty za pomocą wbudowanych funkcji, takich jak wielokrotne linie i wielokąty.
Twórz niestandardowe nakładki, aby wyświetlać na mapie dane, obrazy i inne elementy.
Nakładanie własnych obrazów, które pozostają zsynchronizowane z mapą podczas jej przesuwania i powiększania.
Wyświetlanie na mapie danych GeoJSON i innych typów danych w różnych formatach.
stylizowanie wyglądu niemal wszystkich wizualnych aspektów mapy;
Programowo przechyla i obraca wektorową mapę bazową w 3 wymiarach.
Grupowanie dużej liczby znaczników w celu ułatwienia użytkownikom korzystania z mapy.
Wizualizacja gęstości danych w punktach geograficznych.

Biblioteki

opcjonalne biblioteki Bootstrap, które wczytują interfejs Maps JS API, aby dodać rozszerzoną funkcjonalność.
Dowiedz się, jak inicjować dostępne biblioteki podczas wczytywania interfejsu Maps JS API.
Umożliw użytkownikom rysowanie na mapie w trybie interaktywnym.
Użyj funkcji pomocniczych, które obliczają dane geometryczne na powierzchni Ziemi.
wyszukiwać miejsc w pobliżu, włączać autouzupełnianie miejsc oraz pobierać szczegóły i zdjęcia miejsc;
Dodaj interaktywną mapę z wyszukiwarką miejsc zawierającą galerię zdjęć.
wizualizować intensywność danych w punktach geograficznych za pomocą map ciepła;

Usługi

Używaj wbudowanych usług danych, aby wzbogacać swoje aplikacje internetowe.
Wyznaczaj trasę między 2 punktami na mapie z maksymalnie 25 punktami pośrednimi.
Pobieraj odległość i czas podróży dla macierzy miejsc pochodzenia i miejsc docelowych.
Pobieranie wysokości lokalizacji na powierzchni Ziemi, w tym dna oceanu.
konwertować adresy lub identyfikatory miejsc na współrzędne i odwrotnie;
Zapytanie o maksymalny poziom powiększenia obrazu dostępnego w danej lokalizacji.
Dodaj zdjęcia Street View w 360 stopniach do swoich aplikacji internetowych lub prześlij własne zdjęcia.

Przykładowe aplikacje

Uruchamiaj przykłady kodu na żywo na swoim komputerze i ulubionych platformach do testowania kodu.
Użyj biblioteki Miejsca, aby wyszukać miejsca w pobliżu.
Użyj niestandardowego stylu mapy, aby dodać do aplikacji internetowej mapę w ciemnym trybie.
Zmień ikony znaczników na mapie na niestandardowe obrazy.
Utwórz na mapie bogatą nakładkę, która będzie synchronizowana, gdy użytkownik przesunie mapę lub ją powiększy.
Wyświetlanie natężenia ruchu w czasie rzeczywistym na mapie.
Programowo przechylać i obracać mapę wektorową w 3 wymiarach.
więcej przykładowych aplikacji

Pomoc i wsparcie

Uzyskaj pomoc. udzielać pomocy. Dołącz do społeczności.

Uzyskaj pomoc. Pomoc. Zdobywaj punkty w Mapach.

Zgłoś błąd lub poproś o dodanie funkcji.

Informacje o incydentach i przerwach w działaniu platformy

Uzyskaj pomoc od zespołu Google Maps Platform.