Dostępnych jest wiele bibliotek open source, które zapewniają dodatkowe funkcje interfejsu Maps JavaScript API. Te biblioteki są wersjonowane na GitHub i publikowane w npm.
Komponenty sieciowe
Użyj komponentów internetowych interfejsu Maps JavaScript API, aby szybko dodać do witryn funkcje map. Komponenty internetowe hermetyzują powtarzalny kod, sprawdzone metody i elastyczne projektowanie stron, dzięki czemu złożone interfejsy Map są sprowadzane do jednego elementu HTML.
Rozszerzona biblioteka komponentów (beta)
Rozszerzona biblioteka komponentów Google Maps Platform to zestaw komponentów internetowych, które pomagają deweloperom szybciej i łatwiej tworzyć lepsze mapy.
npm i @googlemaps/extended-component-library
Wczytywanie interfejsu API
W przypadku nowoczesnych aplikacji internetowych warto używać tych bibliotek do wczytywania interfejsu Maps JavaScript API.
Moduł wczytujący interfejsu JS API
Dynamiczne wczytywanie interfejsu Maps JavaScript API za pomocą obietnic.
npm i @googlemaps/js-api-loader
Korzystanie z TypeScriptu
Użytkownicy TypeScriptu mogą zacząć od tych pakietów: Więcej informacji znajdziesz w przewodniku po korzystaniu z TypeScriptu.
Zabezpieczenia TypeScript
Strażnicy TypeScriptu do zawężania typów unii.
npm i -D @googlemaps/typescript-guards
Korzystanie z React
Użytkownicy Reacta mogą zacząć od tych pakietów:
Biblioteka React Mapy Google
Komponenty i haki do integrowania interfejsu Maps JavaScript API z aplikacjami React.
npm i -D @vis.gl/react-google-maps
Otoka React
Komponent opakowujący, który deklaratywnie wczytuje interfejs Maps JavaScript API.
npm i @googlemaps/react-wrapper
Wydłużanie 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 każdego poziomu powiększenia w przypadku dużej liczby znaczników i zarządza nimi.
npm i @googlemaps/markerclusterer
Menedżer znaczników
Dodaje i usuwa znaczniki w zależności od 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
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żywaj 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łatwiać testowanie interfejsu Maps JavaScript API.
Wtyczka ESLint
Używaj niestandardowych reguł ESLint do sprawdzania kodu.
npm i -D eslint-plugin-googlemaps
Biblioteki Node.js
Biblioteka klienta Node.js
Biblioteka klienta Node.js do wykonywania połączeń z funkcji w Cloud Functions lub kodu po stronie serwera.
npm i @googlemaps/google-maps-services-js
Kodowanie linii łamanych
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
