Sono disponibili molte librerie open source per fornire funzionalità aggiuntive per l'API Maps JavaScript. Queste librerie sono versionate su GitHub e pubblicate su npm.
Componenti web
Utilizza i componenti web dell'API Maps JavaScript per aggiungere rapidamente la funzionalità delle mappe ai tuoi siti web. I componenti web incapsulano il codice boilerplate, le best practice e il design reattivo, riducendo le complesse UI delle mappe in quello che è effettivamente un singolo elemento HTML.
Libreria di componenti estesa (beta)
La libreria di componenti estesi di Google Maps Platform è un insieme di componenti web che aiutano gli sviluppatori a creare mappe migliori più velocemente e con meno sforzo.
npm i @googlemaps/extended-component-library
Caricamento dell'API in corso
Le applicazioni web moderne possono trarre vantaggio dall'utilizzo delle seguenti librerie per caricare l'API Maps JavaScript.
Caricatore API JS
Carica dinamicamente l'API Maps JavaScript con le promesse.
npm i @googlemaps/js-api-loader
Utilizzo di TypeScript
Gli utenti di TypeScript possono iniziare a utilizzare i seguenti pacchetti. Per maggiori informazioni, consulta la guida all'utilizzo di TypeScript.
Protezioni TypeScript
Guardie TypeScript per restringere i tipi di unione.
npm i -D @googlemaps/typescript-guards
Utilizzo di React
Gli utenti di React possono iniziare con i seguenti pacchetti.
Libreria React Google Maps
Componenti e hook per integrare l'API Maps JavaScript nelle applicazioni React.
npm i -D @vis.gl/react-google-maps
Wrapper React
Un componente wrapper per caricare in modo dichiarativo l'API Maps JavaScript.
npm i @googlemaps/react-wrapper
Estensione di indicatori e overlay
Le seguenti librerie estendono classi come Marker e OverlayView.
Raggruppatore di indicatori
Crea e gestisce cluster per ogni livello di zoom per grandi quantità di indicatori.
npm i @googlemaps/markerclusterer
Gestore indicatori
Aggiunge e rimuove i marcatori in base alle modifiche dell'area visibile della mappa.
npm i @googlemaps/markermanager
Web Map Service (WMS)
Aggiungi a una mappa livelli Open Geospatial Consortium (OGC) come un servizio Web Map (WMS).
npm i @googlemaps/ogc
Etichette dei marcatori
Aggiungi etichette HTML personalizzate ai marcatori.
npm i @googlemaps/markerwithlabel
Overlay three.js
Utilizza WebGL e ThreeJS per visualizzazioni ad alte prestazioni.
npm i @googlemaps/three
Overlay Deck.gl
Utilizzare Deck.gl come overlay personalizzato di Google Maps.
npm i @deck.gl/google-maps
Test e linting
Utilizza queste librerie per garantire le best practice e semplificare i test per l'API Maps JavaScript.
Plug-in ESLint
Utilizza regole ESLint personalizzate per eseguire il linting del codice.
npm i -D eslint-plugin-googlemaps
Simulazioni Jest
Simulazioni da utilizzare con la libreria di test Jest.
npm i -D @googlemaps/jest-mocks
Librerie Node.js
Libreria client Node.js
Libreria client Node.js per effettuare chiamate da funzioni cloud o codice lato server.
npm i @googlemaps/google-maps-services-js
Codifica polilinea
Codifica e decodifica delle polilinee in Node.js.
npm i @googlemaps/polyline-codec