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

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

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

npm i @googlemaps/react-wrapper

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

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

npm i -D @googlemaps/typescript-guards

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

Dodaje i usuwa znaczniki na podstawie zmian widocznego obszaru mapy.

npm i @googlemaps/markermanager

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

npm i @googlemaps/ogc

Dodaj do znaczników niestandardowe etykiety HTML.

npm i @googlemaps/markerwithlabel

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

npm i @googlemaps/three

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

npm i @deck.gl/google-maps

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

Przykłady do wykorzystania 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 Cloud Functions lub kodu po stronie serwera.

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

Kodowanie i dekodowanie linii łamanych w Node.js.

npm i @googlemaps/polyline-codec

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

npm i @googlemaps/url-signature