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
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.
Program wczytujący interfejs JS API
Dynamiczne ładowanie interfejsu Maps JavaScript API za pomocą Promises.
npm i @googlemaps/js-api-loader
Kod reakcji
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 TypeScript
Typy TypeScriptu w interfejsie Maps JavaScript API
npm i -D @types/google.maps
Zabezpieczenia TypeScriptu
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.
Zbiór znaczników
Tworzy klastry na poziomie powiększenia dla wielu znaczników i zarządza nimi.
npm i @googlemaps/markerclusterer
Menedżer znaczników
Dodaje i usuwa znaczniki na podstawie zmian widocznego obszaru mapy.
npm i @googlemaps/markermanager
Usługa map internetowych (WMS)
Dodawanie do mapy warstw Open Geospatial Consortium (OGC), takich jak usługa map internetowych (WMS).
npm i @googlemaps/ogc
Etykiety znaczników
Dodaj do znaczników niestandardowe etykiety HTML.
npm i @googlemaps/markerwithlabel
Nakładki Three.js
Używaj WebGL i ThreeJS do wizualizacji o wysokiej wydajności.
npm i @googlemaps/three
Nakładki Deck.gl
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.
Wtyczka ESLint
Użyj niestandardowych reguł ESLint do lintowania kodu.
npm i -D eslint-plugin-googlemaps
To naśladowanie
Przykłady do wykorzystania z biblioteką testów Jest.
npm i -D @googlemaps/jest-mocks
Biblioteki Node.js
Biblioteka klienta 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 łamanej
Kodowanie i dekodowanie linii łamanych w Node.js.
npm i @googlemaps/polyline-codec
Podpisywanie URL
Podpisz adresy URL w Node.js, aby zwiększyć bezpieczeństwo.
npm i @googlemaps/url-signature