Dostępnych jest wiele bibliotek open source, które udostępniają dodatkowe możliwości interfejsu Maps JavaScript API. Te biblioteki są dostępne w wersji na platformę GitHub i publikowane w usłudze npm.
Komponenty internetowe
Używaj komponentów sieciowych interfejsu Maps JavaScript API, aby szybko dodawać do witryn funkcje map. Komponenty internetowe obejmują zwykły kod, sprawdzone metody i projektowanie responsywne, dzięki czemu elementy interfejsu użytkownika mapy stają się jednym elementem HTML.
Rozszerzona biblioteka komponentów (beta)
Rozszerzona biblioteka komponentów Google Maps Platform to zestaw komponentów sieciowych, który pomaga programistom szybciej i łatwiej tworzyć lepsze mapy.
npm i @googlemaps/extended-component-library
Wczytywanie interfejsu API
Nowoczesne aplikacje internetowe mogą odnieść korzyści z używania poniższych bibliotek do wczytywania interfejsu Maps JavaScript API.
Moduł wczytujący interfejs JS API
Dynamiczne ładowanie interfejsu Maps JavaScript API za pomocą Promises.
npm i @googlemaps/js-api-loader
Korzystanie z TypeScriptu
Użytkownicy TypeScript mogą zacząć korzystać z poniższych pakietów. Więcej informacji znajdziesz w przewodniku po korzystaniu z TypeScript.
Typy TypeScript
Typy TypeScriptu w interfejsie Maps JavaScript API
npm i -D @types/google.maps
Zabezpieczenia TypeScriptu
TypeScript ogranicza wąski zakres typów powiązań.
npm i -D @googlemaps/typescript-guards
Korzystanie z React
Użytkownicy React mogą zacząć korzystać z tych pakietów.
Otoka reakcji
Komponent kodu do deklaratywnego wczytywania interfejsu Maps JavaScript API.
npm i @googlemaps/react-wrapper
Komponenty reakcji (alfa)
Komponenty i hooki do integracji interfejsu Maps JavaScript API z aplikacjami React.
npm i -D @vis.gl/react-google-maps
rozszerzanie znaczników i nakładek,
Poniższe biblioteki rozszerzają klasy, takie jak znaczniki i OverlayView.
Grupowanie znaczników
Tworzy klastry z dużą liczbą znaczników na poziomie powiększenia i nimi zarządza.
npm i @googlemaps/markerclusterer
Menedżer znaczników
Dodaje i usuwa znaczniki na podstawie zmian widocznego obszaru mapy.
npm i @googlemaps/markermanager
Usługa map internetowych (WMS)
Dodawanie do mapy warstw Open Geospatial Consortium (OGC), takich jak usługa map internetowych (WMS).
npm i @googlemaps/ogc
Etykiety znaczników
Dodaj niestandardowe etykiety HTML do znaczników.
npm i @googlemaps/markerwithlabel
Nakładki Three.js
Użyj WebGL i ThreeJS do wizualizacji wysokiej wydajności.
npm i @googlemaps/three
Nakładki Deck.gl
Używaj Deck.gl jako niestandardowej nakładki Map Google.
npm i @deck.gl/google-maps
Testowanie i lintowanie
Użyj tych bibliotek, aby zapewnić sprawdzone metody i ułatwić testowanie interfejsu Maps JavaScript API.
Wtyczka ESLint
Użyj niestandardowych reguł ESLint do lintowania kodu.
npm i -D eslint-plugin-googlemaps
To naśladowanie
Przykłady do wykorzystania z biblioteką testowania 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 linii łamanej
Koduj i dekoduj linie łamane w Node.js.
npm i @googlemaps/polyline-codec
Podpisywanie URL
Podpisuj adresy URL w Node.js, aby zwiększyć bezpieczeństwo.
npm i @googlemaps/url-signature