Dostępnych jest wiele bibliotek open source, które zapewniają dodatkowe możliwości interfejsu Maps JavaScript API. Te biblioteki są przechowywane w wersjach na GitHub i publikowane w npm.
Komponenty sieciowe
Używaj komponentów internetowych interfejsu Maps JavaScript API, aby szybko dodawać funkcje map do swoich witryn. Komponenty internetowe zawierają powtarzalny kod, sprawdzone metody i elastyczne projektowanie stron, dzięki czemu złożone interfejsy map są przekształcane w pojedynczy element HTML.
Rozszerzona biblioteka komponentów (beta)
Biblioteka komponentów rozszerzonych Google Maps Platform to zestaw komponentów internetowych, który pomaga deweloperom szybciej i mniejszym nakładem pracy tworzyć lepsze mapy.
npm i @googlemaps/extended-component-library
Wczytywanie interfejsu API
W nowoczesnych aplikacjach internetowych do wczytywania interfejsu Maps JavaScript API warto używać tych bibliotek.
Moduł ładujący interfejsu JS API
Dynamiczne wczytywanie interfejsu Maps JavaScript API za pomocą obiektów Promise.
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.
Osłony TypeScript
Zabezpieczenia TypeScript do zawężania typów unii.
npm i -D @googlemaps/typescript-guards
Korzystanie z React
Użytkownicy React mogą zacząć od tych pakietów.
Biblioteka Map Google w React
Komponenty i hooki do integracji interfejsu Maps JavaScript API z aplikacjami React.
npm i -D @vis.gl/react-google-maps
Otoka React
Komponent opakowujący do deklaratywnego wczytywania interfejsu Maps JavaScript API.
npm i @googlemaps/react-wrapper
Rozszerzanie znaczników i nakładek
Te biblioteki rozszerzają klasy takie jak Marker i OverlayView.
Rozwiązanie do łączenia znaczników w klastry
Tworzy klastry dla poszczególnych poziomów 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 widocznego obszaru mapy.
npm i @googlemaps/markermanager
usługa WMS,
dodawać do mapy warstwy Open Geospatial Consortium (OGC), takie jak Web Map Service (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, aby uzyskać wysoką wydajność wizualizacji.
npm i @googlemaps/three
Nakładki Deck.gl
Używanie Deck.gl jako niestandardowej nakładki Map Google.
npm i @deck.gl/google-maps
Testowanie i analiza statyczna
Używaj tych bibliotek, aby stosować sprawdzone metody i ułatwić testowanie interfejsu Maps JavaScript API.
Wtyczka ESLint
Używaj niestandardowych reguł ESLint do analizy kodu.
npm i -D eslint-plugin-googlemaps
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
Kodowanie i dekodowanie linii łamanych 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
