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ą powtarzalny kod, sprawdzone metody i elastyczne projektowanie stron, 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ą deweloperom szybciej i łatwiej tworzyć lepsze mapy.
npm i @googlemaps/extended-component-library
Wczytywanie interfejsu API
Nowoczesne aplikacje internetowe mogą korzystać z tych bibliotek do wczytywania interfejsu Maps JavaScript API.
Moduł ładujący interfejsu API JS
Dynamiczne wczytywanie interfejsu Maps JavaScript API za pomocą obietnic.
npm i @googlemaps/js-api-loader
Korzystanie z TypeScript
Użytkownicy TypeScriptu mogą zacząć od tych pakietów: Więcej informacji znajdziesz w przewodniku dotyczącym korzystania z TypeScript.
Zabezpieczenia TypeScript
Strażnicy TypeScriptu 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 React Google Maps
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, 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 na poszczególnych poziomach powiększenia i zarządza nimi w przypadku dużej liczby znaczników.
npm i @googlemaps/markerclusterer
Menedżer markerów
Dodaje i usuwa znaczniki na podstawie zmian widocznego obszaru mapy.
npm i @googlemaps/markermanager
Usługa WMS (Web Mapping Service)
dodawać do mapy warstwy Open Geospatial Consortium (OGC), takie jak Web Map Service (WMS);
npm i @googlemaps/ogc
Etykiety znaczników
Dodawanie do markerów etykiet z niestandardowym kodem 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
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
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
Podpisuj adresy URL w Node.js, aby zwiększyć bezpieczeństwo.
npm i @googlemaps/url-signature
