Biblioteki open source

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.

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.

Dynamicznie wczytywać interfejs Maps JavaScript API z obietnicami.

npm i @googlemaps/js-api-loader

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 interfejsu Maps JavaScript API

npm i -D @types/google.maps

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.

Tworzy klastry na poziomie powiększenia i zarządza nimi na potrzeby dużej liczby znaczników.

npm i @googlemaps/markerclusterer

Dodaje i usuwa znaczniki w zależności od zmian w widocznym obszarze mapy.

npm i @googlemaps/markermanager

Dodaj do mapy warstwy Open Geospatial Consortium (OGC), np. Web Map Service (WMS).

npm i @googlemaps/ogc

Dodaj do znaczników niestandardowe etykiety HTML.

npm i @googlemaps/markerwithlabel

Używaj WebGL i ThreeJS do tworzenia wizualizacji o wysokiej wydajności.

npm i @googlemaps/three

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.

Użyj niestandardowych reguł ESLint do lintowania kodu.

npm i -D eslint-plugin-googlemaps

Przykłady wykorzystania z biblioteką testową Jest.

npm i -D @googlemaps/jest-mocks

Biblioteki 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

Koduj linie łamane w Node.js.

npm i @googlemaps/polyline-codec

Aby zwiększyć bezpieczeństwo, podpisuj adresy URL w Node.js.

npm i @googlemaps/url-signature