Dostępnych jest wiele bibliotek open source zapewniających dodatkowe możliwości interfejsu Maps JavaScript API. Te biblioteki są dostępne w wersji na GitHub i publikowane w npm.
Komponenty sieciowe
Za pomocą komponentów internetowych interfejsu Maps JavaScript API możesz szybko dodawać do swoich witryn funkcje map. Komponenty Web Komponenty obejmują powszechny kod, sprawdzone metody i elastyczne projektowanie, co pozwala ograniczyć złożone interfejsy map do postaci pojedynczego elementu 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ą skorzystać na używaniu z poniższych bibliotek do wczytywania interfejsu Maps JavaScript API.
Moduł ładujący 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
TypeScript stosuje zabezpieczenia do wąskich typów sum.
npm i -D @googlemaps/typescript-guards
Korzystanie z React
Użytkownicy React mogą zacząć korzystać z pakietów wymienionych poniżej.
Dodaj reakcję z biblioteki Map Google
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
Poniższe biblioteki rozszerzają klasy takie jak Mark (marker) i OverlayView.
Grupowanie znaczników
Tworzy klastry dla dużych ilości znaczników i zarządza nimi na poziomie powiększenia.
npm i @googlemaps/markerclusterer
Menedżer znaczników
Dodaje i usuwa znaczniki na podstawie zmian widocznego obszaru mapy.
npm i @googlemaps/markermanager
Usługa mapy internetowej (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żywaj WebGL i ThreeJS do tworzenia wizualizacji o wysokiej wydajności.
npm i @googlemaps/three
Nakładki Deck.gl
Użyj Deck.gl jako niestandardowej nakładki Map Google.
npm i @deck.gl/google-maps
Testowanie i lintowanie
Korzystaj z tych bibliotek, aby stosować 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
Jest psikusami
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 łamane
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