Biblioteki open source

Dostępnych jest wiele bibliotek open source zapewniających dodatkowe możliwości interfejsu Maps JavaScript API. Te biblioteki są dostępne w wersji na GitHub i publikowane w npm.

Komponenty sieciowe

Za pomocą komponentów internetowych interfejsu Maps JavaScript API możesz szybko dodawać do swoich witryn funkcje map. Komponenty Web Komponenty obejmują powszechny kod, sprawdzone metody i elastyczne projektowanie, co pozwala ograniczyć złożone interfejsy map do postaci pojedynczego elementu HTML.

Rozszerzona biblioteka komponentów (beta)

Rozszerzona biblioteka komponentów Google Maps Platform to zestaw komponentów sieciowych, który pomaga programistom szybciej i łatwiej tworzyć lepsze mapy.

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ł ładujący 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.

Typy TypeScript

Typy TypeScript dla Maps JavaScript API

npm i -D @types/google.maps

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

Nakładki Deck.gl

Użyj 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ł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

Uwaga: te biblioteki nie działają w środowiskach przeglądarki i zostały zaimplementowane w środowiskach Node.js oraz serwerów.

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 łamane

Koduj i dekoduj linie łamane 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