Dostępnych jest wiele bibliotek open source zapewniających dodatkowe możliwości Maps JavaScript API. Te biblioteki są wersjonowane w GitHubzie i publikowane w npm.
Komponenty sieciowe
Użyj interfejsu Maps JavaScript API w przeglądarce Komponenty do szybkiego dodawania map. funkcje w witrynach. Komponenty internetowe zawierają stały kod, sprawdzonych metod i elastycznego projektowania stron, przez co złożone interfejsy map pojedyncze elementy HTML.
Rozszerzona biblioteka komponentów (beta)
Rozszerzony komponent Google Maps Platform Biblioteka to zestaw komponentów sieciowych, który pomaga programistom tworzyć lepsze mapy szybsze i łatwiejsze.
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ą Promises.
npm i @googlemaps/js-api-loader
Korzystanie z TypeScript
Użytkownicy TypeScript mogą zacząć korzystać z poniższych pakietów. Więcej informacji znajdziesz w przewodniku po korzystaniu z TypeScript.
Typy TypeScript
Typy TypeScript dla Maps JavaScript API
npm i -D @types/google.maps
Zabezpieczenia 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 otoki 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.
Grupowanie znacznikó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 map internetowych (WMS)
Dodawanie do mapy warstw OGC (Open Geospatial Consortium), takich jak usługa mapy internetowej (WMS).
npm i @googlemaps/ogc
Etykiety znaczników
Dodaj niestandardowe etykiety HTML do znaczników.
npm i @googlemaps/markerwithlabel
Nakładki Three.js
Używaj WebGL i ThreeJS do tworzenia wizualizacji o wysokiej wydajności.
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 psikusami
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 Cloud Functions lub kodu po stronie serwera.
npm i @googlemaps/google-maps-services-js
Kodowanie łamane
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