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 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)
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ą skorzystać na używaniu z poniższych bibliotek do wczytywania interfejsu Maps JavaScript API.
Moduł wczytujący interfejs 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.
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ąć korzystać z pakietów wymienionych poniżej.
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
Poniższe biblioteki rozszerzają klasy takie jak Mark (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
testowanie i sprawdzanie poprawności kodu,
Korzystaj z tych bibliotek, aby stosować sprawdzone metody i ułatwić testowanie interfejsu Maps JavaScript API.
Wtyczka ESLint
Użyj niestandardowych reguł ESLint do sprawdzania 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
Kodowanie i dekodowanie ścieżek wielokątów 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
