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
Wersja NPM dla @googlemaps/extended-component-library Pobieranie plików NPM dla @googlemaps/extended-component-library Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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
Wersja NPM dla @googlemaps/js-api-loader Pobieranie NPM dla @googlemaps/js-api-loader Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

Komponent kodu, który deklaruje użycie interfejsu Maps JavaScript API.

npm i @googlemaps/react-wrapper
Wersja NPM na @googlemaps/react-wrapper Pobieranie NPM dla @googlemaps/react-wrapper Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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
Wersja NPM dla @types/google.maps Pobieranie NPM dla @types/google.maps Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

Skrypt TypeScript zawęża zakres połączeń.

npm i -D @googlemaps/typescript-guards
Wersja NPM dla @googlemaps/typescript-guards Pobieranie NPM dla @googlemaps/typescript-guards Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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
Wersja NPM dla @googlemaps/markerclusterer Pobieranie NPM dla @googlemaps/markerclusterer Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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

npm i @googlemaps/markermanager
Wersja NPM dla @googlemaps/markermanager Pobieranie NPM na konto @googlemaps/markermanager Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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

npm i @googlemaps/ogc
Wersja NPM na @googlemaps/ogc Pobieranie NPM na @googlemaps/ogc Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

Dodaj do znaczników niestandardowe etykiety HTML.

npm i @googlemaps/markerwithlabel
Wersja NPM dla @googlemaps/markerwithlabel Pobieranie NPM dla @googlemaps/markerwithlabel Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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

npm i @googlemaps/three
Wersja NPM na @googlemaps/three Pobieranie plików NPM na @googlemaps/three Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

Użyj Deck.gl jako niestandardowej nakładki w Mapach Google.

npm i @deck.gl/google-maps
Wersja NPM na @deck.gl/google-maps Pobieranie NPM na @deck.gl/google-maps Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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
Wersja NPM dla eslint-plugin-googlemaps Pobieranie NPM do pliku eslint-plugin-googlemaps Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

Przykłady wykorzystania z biblioteką testową Jest.

npm i -D @googlemaps/jest-mocks
Wersja NPM dla @googlemaps/jest-mocks Pobieranie NPM dla @googlemaps/jest-mocks Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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
Wersja NPM dla @googlemaps/google-maps-services-js Pobieranie NPM dla @googlemaps/google-maps-services-js Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

Koduj linie łamane w Node.js.

npm i @googlemaps/polyline-codec
Wersja NPM na @googlemaps/polyline-codec Pobieranie NPM na @googlemaps/polyline-codec Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord

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

npm i @googlemaps/url-signature
Wersja NPM dla @googlemaps/url-signature Pobieranie NPM na @googlemaps/url-signature Gwiazdy repozytorium GitHub Aktywność związana z zatwierdzeniem GitHub (gałąź) Widły do GitHuba Odznaka serwera Discord