Biblioteki open source

Dostępnych jest wiele bibliotek open source zapewniających dodatkowe możliwości Maps JavaScript API. Te biblioteki są obsługiwane przez różne wersje GitHub i opublikowane w tych usługach npm.

Komponenty sieciowe

Użyj interfejsu Maps JavaScript API w przeglądarce Komponenty do szybkiego dodawania map funkcje w witrynach. Komponenty internetowe zawierają stały kod, sprawdzonych metod i elastycznego projektowania stron, dzięki czemu złożone interfejsy map pojedyncze elementy HTML.

Rozszerzona biblioteka komponentów (beta)

Rozszerzony komponent Google Maps Platform Biblioteka to zestaw komponentów sieciowych, który pomaga programistom tworzyć lepsze mapy szybsze i łatwiejsze.

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ł wczytujący interfejs 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