Sono disponibili molte librerie open source per fornire ulteriori funzionalità per l'API Maps JavaScript. Per queste librerie viene eseguito il controllo delle versioni su GitHub e vengono pubblicate in npm.
Componenti web
Utilizza i componenti web dell'API Maps JavaScript per aggiungere rapidamente le funzionalità delle mappe ai tuoi siti web. I componenti web incapsulano codice boilerplate, best practice e design reattivo, riducendo le UI complesse delle mappe in ciò che è effettivamente un singolo elemento HTML.
Libreria dei componenti estesa (beta)
La libreria di componenti estesi di Google Maps Platform è un insieme di componenti web che aiuta gli sviluppatori a creare mappe migliori più velocemente e con meno sforzo.
npm i @googlemaps/extended-component-library
Caricamento dell'API in corso
Le moderne applicazioni web possono trarre vantaggio dall'utilizzo delle seguenti librerie per caricare l'API Maps JavaScript.
Caricatore API JS
Carica dinamicamente l'API Maps JavaScript con Promises.
npm i @googlemaps/js-api-loader
Utilizzo di TypeScript
Gli utenti di TypeScript possono iniziare a utilizzare i pacchetti seguenti. Per ulteriori informazioni, consulta la guida all'utilizzo di TypeScript.
Tipi di TypeScript
Tipi di TypeScript per l'API Maps JavaScript
npm i -D @types/google.maps
Protezioni TypeScript
TypeScript protegge i tipi di unione ristretti.
npm i -D @googlemaps/typescript-guards
Utilizzo di React
Gli utenti di React possono iniziare a utilizzare i pacchetti seguenti.
Wrapper reazione
Un componente wrapper per caricare in modo dichiarativo l'API Maps JavaScript.
npm i @googlemaps/react-wrapper
Componenti della reazione (alpha)
Componenti e hook per integrare l'API Maps JavaScript nelle applicazioni React.
npm i -D @vis.gl/react-google-maps
Estensione di indicatori e overlay
Le seguenti librerie estendono classi come Marker e OverlayView.
Clusterer indicatori
Crea e gestisce cluster a livello di zoom per grandi quantità di indicatori.
npm i @googlemaps/markerclusterer
Gestione indicatori
Aggiunge e rimuove indicatori in base alle modifiche dell'area visibile sulla mappa.
npm i @googlemaps/markermanager
Servizio mappe web (WMS)
Aggiungi a una mappa livelli Open Geospatial Consortium (OGC), ad esempio un Web Map Service (WMS).
npm i @googlemaps/ogc
Etichette indicatori
Aggiungi etichette HTML personalizzate agli indicatori.
npm i @googlemaps/markerwithlabel
Overlay Three.js
Utilizza WebGL e ThreeJS per visualizzazioni ad alte prestazioni.
npm i @googlemaps/three
Overlay Deck.gl
Usa Deck.gl come overlay di Google Maps personalizzato.
npm i @deck.gl/google-maps
Test e analisi tramite lint
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 lint del codice.
npm i -D eslint-plugin-googlemaps
Jest prende in giro
Simulazioni da usare con la libreria di test Jest.
npm i -D @googlemaps/jest-mocks
Librerie Node.js
Libreria client Node.js
Libreria client Node.js per l'esecuzione di chiamate da Cloud Functions o da codice lato server.
npm i @googlemaps/google-maps-services-js
Codifica polilinea
Codifica e decodifica le polilinee in Node.js.
npm i @googlemaps/polyline-codec
Firma URL
Firma gli URL in Node.js per maggiore sicurezza.
npm i @googlemaps/url-signature