Biblioteki open source

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

Komponenty sieciowe

Użyj komponentów internetowych interfejsu Maps JavaScript API, aby szybko dodać do witryn funkcje map. Komponenty internetowe zawierają kod standardowy, sprawdzone metody i elastyczny projekt, dzięki czemu złożone interfejsy mapy są sprowadzane do jednego elementu HTML.

Rozszerzona biblioteka komponentów Google Maps Platform to zestaw komponentów internetowych, które pomagają programistom szybciej i łatwiej tworzyć lepsze mapy.

npm i @googlemaps/extended-component-library

Wczytywanie interfejsu API

W przypadku nowoczesnych aplikacji internetowych warto używać 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 TypeScriptu

Użytkownicy TypeScriptu mogą zacząć od tych pakietów: Więcej informacji znajdziesz w przewodniku dotyczącym korzystania z TypeScriptu.

Typy TypeScript dla Maps JavaScript API

npm i -D @types/google.maps

strażników TypeScriptu, którzy zawężają typy sumy.

npm i -D @googlemaps/typescript-guards

Korzystanie z React

Użytkownicy Reacta mogą zacząć od tych pakietów:

Komponenty i haki do integrowania interfejsu Maps JavaScript API z aplikacjami React.

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

Komponent opakowujący, który deklaratywnie wczytuje interfejs Maps JavaScript API.

npm i @googlemaps/react-wrapper

Rozszerzanie znaczników i nakładek

Te biblioteki rozszerzają klasy takie jak Marker i OverlayView.

Tworzy klastry dla każdego poziomu powiększenia w przypadku dużej liczby znaczników i zarządza nimi.

npm i @googlemaps/markerclusterer

Dodaje i usuwa znaczniki w zależności od 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

Dodawanie do markerów etykiet HTML.

npm i @googlemaps/markerwithlabel

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

npm i @googlemaps/three

Używaj Deck.gl jako niestandardowej nakładki na Mapy 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żywaj niestandardowych reguł ESLint do sprawdzania kodu.

npm i -D eslint-plugin-googlemaps

Makiety do użycia z biblioteką testową Jest.

npm i -D @googlemaps/jest-mocks

Biblioteki Node.js

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

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

Kodowanie i dekodowanie polilinii 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