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 zawierają kod standardowy, sprawdzone metody i elastyczny projekt, dzięki czemu złożone interfejsy mapy 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ą programistom 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.
Ładowarka interfejsu API JavaScript
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 dotyczącym korzystania z TypeScriptu.
Typy TypeScript
Typy TypeScript dla Maps JavaScript API
npm i -D @types/google.maps
Zabezpieczenia TypeScript
strażników TypeScriptu, którzy zawężają typy sumy.
npm i -D @googlemaps/typescript-guards
Korzystanie z React
Użytkownicy Reacta mogą zacząć od tych pakietów:
Biblioteka React Google Maps
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
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 każdego poziomu powiększenia w przypadku dużej liczby znaczników i zarządza nimi.
npm i @googlemaps/markerclusterer
Menedżer markeró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
Etykiety znaczników
Dodawanie do markerów etykiet HTML.
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żywaj Deck.gl jako niestandardowej nakładki na Mapy 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żywaj niestandardowych reguł ESLint do sprawdzania kodu.
npm i -D eslint-plugin-googlemaps
Jest mocks
Makiety do użycia z biblioteką testową Jest.
npm i -D @googlemaps/jest-mocks
Biblioteki Node.js
Biblioteka klienta Node.js
Biblioteka klienta Node.js do wykonywania połączeń z funkcji w chmurze lub kodu po stronie serwera.
npm i @googlemaps/google-maps-services-js
Kodowanie linii łamanej
Kodowanie i dekodowanie polilinii 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