Biblioteki open source

Dostępnych jest wiele bibliotek open source, które udostępniają dodatkowe funkcje interfejsu Maps JavaScript API. Te biblioteki są wersjonowane w GitHub i publikowane w NPM.

Komponenty sieciowe

Używaj komponentów internetowych interfejsu Maps JavaScript API, aby szybko dodawać funkcje map do swoich witryn. Komponenty internetowe obejmują powtarzalny kod, sprawdzone metody i elastyczne projektowanie, co ogranicza złożoność interfejsu map do poziomu pojedynczego elementu HTML.

Rozszerzona biblioteka komponentów Google Maps Platform to zestaw komponentów internetowych, który ułatwia programistom tworzenie lepszych map szybciej i mniejszym nakładem pracy.

npm i @googlemaps/extended-component-library
Wersja NPM dla @googlemaps/extended-component-library NPM do pobrania dla @googlemaps/extended-component-library Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

Wczytywanie interfejsu API

Używanie wymienionych poniżej bibliotek do wczytywania interfejsu Maps JavaScript API może być korzystne dla nowoczesnych aplikacji internetowych.

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

npm i @googlemaps/js-api-loader
Wersja NPM dla @googlemaps/js-api-loader Pobieranie NPM dla @googlemaps/js-api-loader Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

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

npm i @googlemaps/react-wrapper
Wersja NPM dla @googlemaps/react-wrapper NPM do pobrania dla @googlemaps/react-wrapper Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

Korzystanie z TypeScriptu

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

Typy TypeScriptu w interfejsie Maps JavaScript API

npm i -D @types/google.maps
Wersja NPM dla @types/google.maps NPM do pobrania dla @types/google.maps Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

TypeScript zabezpiecza przed zawężeniem zakresu typów sumowań.

npm i -D @googlemaps/typescript-guards
Wersja NPM dla @googlemaps/typescript-guards NPM do pobrania dla @googlemaps/typescript-guards Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

przedłużenie znaczników i nakładek,

Poniższe biblioteki rozszerzają klasy takie jak Tag i OverlayView.

Tworzy klastry na poziomie powiększenia dla wielu znaczników i zarządza nimi.

npm i @googlemaps/markerclusterer
Wersja NPM dla @googlemaps/markerclusterer NPM do pobrania dla @googlemaps/markerclusterer Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

Dodaje i usuwa znaczniki na podstawie zmian widocznego obszaru mapy.

npm i @googlemaps/markermanager
Wersja NPM dla @googlemaps/markermanager NPM do pobrania dla @googlemaps/markermanager Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer 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 Pobieranie NPM dla @googlemaps/ogc Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

Dodaj do znaczników niestandardowe etykiety HTML.

npm i @googlemaps/markerwithlabel
Wersja NPM dla @googlemaps/markerwithlabel NPM do pobrania dla @googlemaps/markerwithlabel Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

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

npm i @googlemaps/three
Wersja NPM dla @googlemaps/three Informacje o pobraniach @googlemaps/three przez NPM Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

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

npm i @deck.gl/google-maps
Wersja NPM dla @deck.gl/google-maps Pobieranie danych NPM dla @deck.gl/google-maps Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

Testowanie i lintowanie

Korzystaj z tych bibliotek, aby stosować sprawdzone metody i ułatwić testowanie interfejsu Maps JavaScript API.

Użyj niestandardowych reguł ESLint do lintowania kodu.

npm i -D eslint-plugin-googlemaps
Wersja NPM dla eslint-plugin-googlemaps Pobieranie NPM dla eslint-plugin-googlemaps Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

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

npm i -D @googlemaps/jest-mocks
Wersja NPM dla @googlemaps/jest-mocks NPM do pobrania dla @googlemaps/jest-mocks Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer 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 do pobrania dla @googlemaps/google-maps-services-js Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer 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 Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord

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

npm i @googlemaps/url-signature
Wersja NPM dla @googlemaps/url-signature NPM do pobrania: @googlemaps/url-signature Gwiazdy repozytorium GitHub Działanie zatwierdzenia (gałąź) w GitHubie Widelce GitHub Plakietka Serwer Discord