Molte librerie open source sono disponibili per fornire funzionalità aggiuntive per l'API Maps JavaScript. Queste librerie vengono sottoposte al controllo delle versioni su GitHub e pubblicate su npm.
Componenti web
Utilizza i componenti web dell'API Maps JavaScript per aggiungere rapidamente la funzionalità per le mappe ai tuoi siti web. I componenti web incapsulano codice boilerplate, best practice e design reattivo, riducendo le interfacce utente di mappe complesse in quello che è effettivamente un singolo elemento HTML.
Libreria dei componenti estesa (beta)
La libreria dei componenti estesi di Google Maps Platform è un insieme di componenti web che consente agli sviluppatori di creare mappe migliori più rapidamente 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 Promises.
npm i @googlemaps/js-api-loader
Utilizzo di TypeScript
Gli utenti TypeScript possono iniziare a utilizzare i pacchetti seguenti. Per ulteriori informazioni, consulta la guida sull'utilizzo di TypeScript.
Tipi TypeScript
Tipi di TypeScript per l'API Maps JavaScript
npm i -D @types/google.maps
Protezioni TypeScript
TypeScript impedisce i tipi di unione ristretta.
npm i -D @googlemaps/typescript-guards
Utilizzo di React
Gli utenti di React possono iniziare a utilizzare i seguenti pacchetti.
Reagisci alla libreria di Google Maps
Componenti e hook per integrare l'API Maps JavaScript nelle applicazioni React.
npm i -D @vis.gl/react-google-maps
Wrapper reazione
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 le classi come Marker e OverlayView.
Ammasso indicatori
Crea e gestisce cluster a livello di zoom per grandi quantità di indicatori.
npm i @googlemaps/markerclusterer
Gestione indicatori
Aggiunge e rimuove gli indicatori in base alle modifiche all'area visibile della mappa.
npm i @googlemaps/markermanager
Servizio mappe web (WMS)
Aggiungi a una mappa livelli Open Geospatial Consortium (OGC), come un Web Map Service (WMS).
npm i @googlemaps/ogc
Etichette dell'indicatore
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
Utilizza Deck.gl come overlay personalizzato di Google Maps.
npm i @deck.gl/google-maps
Test e analisi tramite lint
Utilizza queste librerie per applicare le best practice e semplificare i test per l'API Maps JavaScript.
Plug-in ESLint
Utilizza regole ESLint personalizzate per applicare un lint al codice.
npm i -D eslint-plugin-googlemaps
Jest prende in giro
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 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
Accedi agli URL in Node.js per una maggiore sicurezza.
npm i @googlemaps/url-signature