Dostępnych jest wiele bibliotek open source do udostępnienia dodatkowych funkcji interfejsu Maps JavaScript API. Te biblioteki mają wersje GitHub i publikowane w NPM.
Komponenty internetowe
Aby szybko dodawać funkcje map do swoich witryn, użyj komponentów internetowych interfejsu API JavaScript Map Google. Komponenty internetowe to stałe fragmenty kodu, sprawdzone metody i elastyczny projekt, dzięki którym złożone interfejsy mapy stają się jednym elementem HTML.
Rozszerzona biblioteka komponentów
Biblioteka rozszerzonych komponentów Map Google to zestaw komponentów internetowych, dzięki którym programiści mogą tworzyć lepsze mapy szybciej i przy mniejszym wysiłku.
npm i @googlemaps/extended-component-library
Wczytywanie interfejsu API
Nowoczesne aplikacje internetowe mogą korzystać z poniższych bibliotek do wczytywania interfejsu Maps JavaScript API.
Moduł wczytujący interfejs JS API
Dynamicznie wczytywać interfejs Maps JavaScript API z obietnicami.
npm i @googlemaps/js-api-loader
Kod reaktywacji
Komponent kodu, który deklaruje użycie interfejsu Maps JavaScript API.
npm i @googlemaps/react-wrapper
Korzystanie z TypeScript
Użytkownicy TypeScriptu mogą zacząć od poniższych pakietów. Dodatkowe informacje znajdziesz w przewodniku po TypeScript.
Typy TypeScript
Typy TypeScript interfejsu Maps JavaScript API
npm i -D @types/google.maps
Zabezpieczenia typu TypeScript
Skrypt TypeScript zawęża zakres połączeń.
npm i -D @googlemaps/typescript-guards
Rozszerzanie znaczników i nakładek
Te biblioteki rozszerzają klasy takie jak znaczniki i NakładkaView.
Grupowanie znaczników
Tworzy klastry na poziomie powiększenia i zarządza nimi na potrzeby dużej liczby znaczników.
npm i @googlemaps/markerclusterer
Menedżer znaczników
Dodaje i usuwa znaczniki w zależności od zmian w widocznym obszarze mapy.
npm i @googlemaps/markermanager
Usługa map internetowych (WMS)
Dodaj do mapy warstwy Open Geospatial Consortium (OGC), np. Web Map Service (WMS).
npm i @googlemaps/ogc
Etykiety znaczników
Dodaj do znaczników niestandardowe etykiety 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 z Deck.gl
Użyj Deck.gl jako niestandardowej nakładki w Mapach Google.
npm i @deck.gl/google-maps
Testowanie i lintowanie
Korzystaj z tych bibliotek, aby oferować sprawdzone metody i ułatwiać testowanie interfejsu API JavaScript Map Google.
Wtyczka ESLint
Użyj niestandardowych reguł ESLint do lintowania kodu.
npm i -D eslint-plugin-googlemaps
Przykłady makiet
Przykłady wykorzystania z biblioteką testową 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 łamanej
Koduj linie łamane w Node.js.
npm i @googlemaps/polyline-codec
Podpisywanie URL
Aby zwiększyć bezpieczeństwo, podpisuj adresy URL w Node.js.
npm i @googlemaps/url-signature