Dostępnych jest wiele bibliotek open source zapewniających dodatkowe możliwości Maps JavaScript API. Te biblioteki są obsługiwane przez różne wersje GitHub i opublikowane w tych usługach 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, dzięki czemu 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ą 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.
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
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
Podpisywanie URL
Podpisuj adresy URL w Node.js, aby zwiększyć bezpieczeństwo.
npm i @googlemaps/url-signature
