Biblioteki open source

Dostępnych jest wiele bibliotek open source, które zapewniają dodatkowe funkcje interfejsu Maps JavaScript API. Te biblioteki są wersjonowane w GitHubzie i publikowane w npm.

Komponenty sieciowe

Użyj komponentów internetowych interfejsu Maps JavaScript API, aby szybko dodać do swoich witryn funkcję map. Komponenty internetowe zawierają szablonowy kod, najlepsze praktyki i projektowanie elastyczne, dzięki czemu złożone interfejsy użytkownika mapy stają się w istocie pojedynczym elementem HTML.

Biblioteka rozszerzonych komponentów Google Maps Platform to zestaw komponentów internetowych, które pomagają deweloperom tworzyć lepsze mapy szybciej i z mniejszymi nakładami pracy.

npm i @googlemaps/extended-component-library

Wczytywanie interfejsu API

Nowoczesne aplikacje internetowe mogą korzystać z tych bibliotek do wczytywania interfejsu Maps JavaScript API.

Dynamiczne wczytywanie interfejsu Maps JavaScript API za pomocą obietnic.

npm i @googlemaps/js-api-loader

Korzystanie z TypeScript

Użytkownicy TypeScript mogą zacząć od tych pakietów. Więcej informacji znajdziesz w przewodniku po TypeScript.

Typy TypeScript dla Maps JavaScript API

npm i -D @types/google.maps

Ograniczenia TypeScript do zawężania typów zjednoczenia.

npm i -D @googlemaps/typescript-guards

Korzystanie z React

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

Komponenty i punkty zaczepienia pozwalające zintegrować Maps JavaScript API z aplikacjami React.

npm i -D @vis.gl/react-google-maps

Komponent opakowujący do deklaratywnego wczytywania interfejsu Maps JavaScript API.

npm i @googlemaps/react-wrapper

Rozszerzanie znaczników i nakładek

Biblioteki te rozszerzają klasy takie jak Marker i OverlayView.

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

npm i @googlemaps/markerclusterer

Dodaje i usuwa znaczniki na podstawie zmian widoku mapy.

npm i @googlemaps/markermanager

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

npm i @googlemaps/ogc

Dodaj do znaczników niestandardowe etykiety HTML.

npm i @googlemaps/markerwithlabel

Do wizualizacji o wysokiej wydajności używaj WebGL i ThreeJS.

npm i @googlemaps/three

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

npm i @deck.gl/google-maps

testowanie i sprawdzanie poprawności kodu,

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

Użyj niestandardowych reguł ESLint do sprawdzania kodu.

npm i -D eslint-plugin-googlemaps

Mocki do użycia z biblioteką testów Jest.

npm i -D @googlemaps/jest-mocks

Biblioteki Node.js

Biblioteka klienta Node.js do wykonywania wywołań z funkcji w chmurze lub kodu po stronie serwera.

npm i @googlemaps/google-maps-services-js

Kodowanie i dekodowanie ścieżek wielokątów w Node.js.

npm i @googlemaps/polyline-codec

Podpisywanie adresów URL w Node.js w celu zwiększenia bezpieczeństwa.

npm i @googlemaps/url-signature