Dostępnych jest wiele bibliotek open source, które zapewniają dodatkowe funkcje interfejsu Maps JavaScript API. Te biblioteki są wersjonowane w GitHubzie i publikowane w npm.
Komponenty sieciowe
Użyj komponentów internetowych interfejsu Maps JavaScript API, aby szybko dodać do swoich witryn funkcję map. Komponenty internetowe zawierają szablonowy kod, najlepsze praktyki i projektowanie elastyczne, dzięki czemu złożone interfejsy użytkownika mapy stają się w istocie pojedynczym elementem HTML.
Rozszerzona biblioteka komponentów (beta)
Biblioteka rozszerzonych komponentów Google Maps Platform to zestaw komponentów internetowych, które pomagają deweloperom tworzyć lepsze mapy szybciej i z mniejszymi nakładami pracy.
npm i @googlemaps/extended-component-library
Wczytywanie interfejsu API
Nowoczesne aplikacje internetowe mogą korzystać z tych bibliotek do wczytywania interfejsu Maps JavaScript API.
Ładowarka interfejsu JS API
Dynamiczne wczytywanie interfejsu Maps JavaScript API za pomocą obietnic.
npm i @googlemaps/js-api-loader
Korzystanie z TypeScript
Użytkownicy TypeScript mogą zacząć od tych pakietów. Więcej informacji znajdziesz w przewodniku po TypeScript.
Typy TypeScript
Typy TypeScript dla Maps JavaScript API
npm i -D @types/google.maps
Blokady kodu TypeScript
Ograniczenia TypeScript do zawężania typów zjednoczenia.
npm i -D @googlemaps/typescript-guards
Korzystanie z React
Użytkownicy React mogą zacząć od tych pakietów.
Biblioteka Map Google dla Reacta
Komponenty i punkty zaczepienia pozwalające zintegrować Maps JavaScript API z aplikacjami React.
npm i -D @vis.gl/react-google-maps
Reakcja
Komponent opakowujący do deklaratywnego wczytywania interfejsu Maps JavaScript API.
npm i @googlemaps/react-wrapper
Rozszerzanie znaczników i nakładek
Biblioteki te rozszerzają klasy takie jak Marker i OverlayView.
Clustering markerów
Tworzy klastry na poszczególnych poziomach powiększenia i zarządza nimi w przypadku dużej liczby znaczników.
npm i @googlemaps/markerclusterer
Menedżer znaczników
Dodaje i usuwa znaczniki na podstawie zmian widoku mapy.
npm i @googlemaps/markermanager
Usługa mapy internetowej (WMS)
Dodawanie do mapy warstw OGC (Open Geospatial Consortium), takich jak usługa mapy internetowej (WMS).
npm i @googlemaps/ogc
Etykiety znaczników
Dodaj do znaczników niestandardowe etykiety HTML.
npm i @googlemaps/markerwithlabel
Nakładki Three.js
Do wizualizacji o wysokiej wydajności używaj WebGL i ThreeJS.
npm i @googlemaps/three
Nakładki Deck.gl
Użyj Deck.gl jako niestandardowego nakładki Map Google.
npm i @deck.gl/google-maps
testowanie i sprawdzanie poprawności kodu,
Korzystaj z tych bibliotek, aby stosować sprawdzone metody i ułatwić sobie testowanie interfejsu Maps JavaScript API.
Wtyczka ESLint
Użyj niestandardowych reguł ESLint do sprawdzania kodu.
npm i -D eslint-plugin-googlemaps
Jest mocks
Mocki do użycia z biblioteką testów Jest.
npm i -D @googlemaps/jest-mocks
Biblioteki Node.js
Biblioteka klienta Node.js
Biblioteka klienta Node.js do wykonywania wywołań z funkcji w chmurze lub kodu po stronie serwera.
npm i @googlemaps/google-maps-services-js
Kodowanie linii łamanej
Kodowanie i dekodowanie ścieżek wielokątów w Node.js.
npm i @googlemaps/polyline-codec
Podpisywanie URL
Podpisywanie adresów URL w Node.js w celu zwiększenia bezpieczeństwa.
npm i @googlemaps/url-signature