Biblioteki open source

Dostępnych jest wiele bibliotek open source udostępniających dodatkowe możliwości interfejsu Maps JavaScript API. Biblioteki te są wyposażone w wersje w GitHub i publikowane w npm.

Komponenty sieciowe

Używaj komponentów internetowych interfejsu Maps JavaScript API, aby szybko dodawać do swoich witryn funkcje map. Komponenty internetowe obejmują zwykły kod, sprawdzone metody i elastyczne projektowanie, dzięki czemu złożoność interfejsów map jest reprezentowana jako pojedynczy element HTML.

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
Wersja NPM dla @googlemaps/extended-component-library Pobieranie danych NPM z @googlemaps/extended-component-library Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Wczytywanie interfejsu API

Nowoczesne aplikacje internetowe mogą odnieść korzyści z używania poniższych bibliotek do wczytywania interfejsu Maps JavaScript API.

Dynamiczne ładowanie interfejsu Maps JavaScript API za pomocą Promises.

npm i @googlemaps/js-api-loader
Wersja NPM dla @googlemaps/js-api-loader NPM – pobieranie dla @googlemaps/js-api-loader Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Korzystanie z TypeScriptu

Użytkownicy TypeScriptu mogą zacząć korzystać z poniższych pakietów. Więcej informacji znajdziesz w przewodniku po korzystaniu z TypeScript.

Typy TypeScriptu w interfejsie Maps JavaScript API

npm i -D @types/google.maps
Wersja NPM dla @types/google.maps NPM – pliki do pobrania dla @types/google.maps Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

TypeScript blokuje wąskie typy złączeń.

npm i -D @googlemaps/typescript-guards
Wersja NPM dla @googlemaps/typescript-guards NPM do pobrania dla @googlemaps/typescript-guards Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Używanie React

Użytkownicy React mogą zacząć korzystać z tych pakietów.

Komponent otoki służący do deklaratywnego wczytywania interfejsu Maps JavaScript API.

npm i @googlemaps/react-wrapper
Wersja NPM dla @googlemaps/react-wrapper NPM – pobieranie pliku @googlemaps/react-wrapper Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Komponenty i hooki umożliwiające integrację interfejsu Maps JavaScript API z aplikacjami React.

npm i -D @vis.gl/react-google-maps
Wersja NPM dla @vis.gl/react-google-maps NPM – pliki do pobrania @vis.gl/react-google-maps Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

przedłużone znaczniki i nakładki;

Opisane poniżej biblioteki rozszerzają zakres klas, takich jak Tag i OverlayView.

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

npm i @googlemaps/markerclusterer
Wersja NPM dla @googlemaps/markerclusterer NPM – pliki do pobrania dla @googlemaps/markerclusterer Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Dodaje i usuwa znaczniki na podstawie zmian w widocznym obszarze mapy.

npm i @googlemaps/markermanager
Wersja NPM dla @googlemaps/markermanager NPM – pliki do pobrania dla @googlemaps/markermanager Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Dodawanie do mapy warstw Open Geospatial Consortium (OGC), takich jak usługa map internetowych (WMS).

npm i @googlemaps/ogc
Wersja NPM dla @googlemaps/ogc NPM – pliki do pobrania dla @googlemaps/ogc Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Dodaj niestandardowe etykiety HTML do znaczników.

npm i @googlemaps/markerwithlabel
Wersja NPM dla @googlemaps/markerwithlabel NPM – pliki do pobrania dla @googlemaps/markerwithlabel Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Użyj WebGL i ThreeJS do wizualizacji wysokiej wydajności.

npm i @googlemaps/three
Wersja NPM dla @googlemaps/three NPM – pobieranie pliku @googlemaps/three Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

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

npm i @deck.gl/google-maps
Wersja NPM dla @deck.gl/google-maps NPM – pliki do pobrania: @deck.gl/google-maps Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Testowanie i lintowanie

Użyj tych bibliotek, aby opracować sprawdzone metody i ułatwić testowanie interfejsu Maps JavaScript API.

Użyj niestandardowych reguł ESLint, aby lintować kod.

npm i -D eslint-plugin-googlemaps
Wersja NPM dla eslint-plugin-googlemaps Pobieranie NPM dla eslint-plugin-googlemaps Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Przykłady do wykorzystania z biblioteką testów Jestem.

npm i -D @googlemaps/jest-mocks
Wersja NPM dla @googlemaps/jest-mocks NPM – pliki do pobrania dla @googlemaps/jest-mocks Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka 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 NPM – pobieranie pliku @googlemaps/google-maps-services-js Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Kodowanie i dekodowanie linii łamanych w Node.js.

npm i @googlemaps/polyline-codec
Wersja NPM dla @googlemaps/polyline-codec Pobieranie NPM dla @googlemaps/polyline-codec Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord

Podpisz adresy URL w Node.js, aby zwiększyć bezpieczeństwo.

npm i @googlemaps/url-signature
Wersja NPM dla @googlemaps/url-signature NPM – pliki do pobrania dla @googlemaps/url-signature Gwiazdy repozytorium GitHub Aktywność zatwierdzenia na GitHubie (gałąź) Widły GitHub Plakietka serwera Discord