De nombreuses bibliothèques Open Source sont disponibles pour fournir des fonctionnalités supplémentaires à l'API Maps JavaScript. Ces bibliothèques sont gérées par version sur GitHub et publiées sur npm.
Composants Web
Utilisez les composants Web de l'API Maps JavaScript pour ajouter rapidement des fonctionnalités Maps à vos sites Web. Les composants Web encapsulent le code récurrent, les bonnes pratiques et le responsive design, ce qui permet de concentrer les interfaces utilisateur de cartes complexes en un seul élément HTML.
Bibliothèque de composants étendus (bêta)
La bibliothèque de composants étendus de Google Maps Platform est un ensemble de composants Web qui aide les développeurs à créer de meilleures cartes plus rapidement et plus facilement.
npm i @googlemaps/extended-component-library
Charger l'API
Pour charger l'API Maps JavaScript, les applications Web modernes peuvent bénéficier des bibliothèques suivantes :
Chargeur d'API JS
Charger l'API Maps JavaScript de manière dynamique avec des promesses
npm i @googlemaps/js-api-loader
Utiliser TypeScript
Les utilisateurs de TypeScript peuvent commencer avec les packages suivants. Pour en savoir plus, consultez le guide d'utilisation de TypeScript.
Guards TypeScript
Guards TypeScript pour affiner les types d'union.
npm i -D @googlemaps/typescript-guards
Utiliser React
Les utilisateurs de React peuvent commencer avec les packages suivants.
Bibliothèque React Google Maps
Composants et hooks pour intégrer l'API Maps JavaScript dans les applications React.
npm i -D @vis.gl/react-google-maps
Wrapper React
Composant wrapper permettant de charger l'API Maps JavaScript de façon déclarative.
npm i @googlemaps/react-wrapper
Étendre les repères et les superpositions
Les bibliothèques suivantes étendent les classes comme Marker et OverlayView.
Regroupeur de repères
Crée et gère des clusters pour regrouper un grand nombre de repères en fonction du niveau de zoom.
npm i @googlemaps/markerclusterer
Gestionnaire de repères
Ajoute et supprime des repères en fonction des modifications de la fenêtre d'affichage de la carte.
npm i @googlemaps/markermanager
WMS (Web Mapping Service)
Ajoutez des calques OGC (Open Geospatial Consortium), comme un WMS (Web Mapping Service), à une carte.
npm i @googlemaps/ogc
Libellés de repère
Ajoutez des libellés HTML personnalisés aux repères.
npm i @googlemaps/markerwithlabel
Superpositions Three.js
Utilisez WebGL et ThreeJS pour des visualisations hautes performances.
npm i @googlemaps/three
Superpositions Deck.gl
Utilisez Deck.gl comme superposition Google Maps personnalisée.
npm i @deck.gl/google-maps
Tests et linting
Utilisez ces bibliothèques pour appliquer les bonnes pratiques et faciliter les tests de l'API Maps JavaScript.
Plug-in ESLint
Utilisez des règles ESLint personnalisées pour effectuer le linting de votre code.
npm i -D eslint-plugin-googlemaps
Simulations Jest
Simulations à utiliser avec la bibliothèque de tests Jest.
npm i -D @googlemaps/jest-mocks
Bibliothèques Node.js
Bibliothèque cliente Node.js
Bibliothèque cliente Node.js permettant de passer des appels depuis des fonctions Cloud ou du code côté serveur.
npm i @googlemaps/google-maps-services-js
Encoder des polylignes
Encodez et décodez des polylignes dans Node.js.
npm i @googlemaps/polyline-codec
