Bibliothèques Open Source

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.

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 :

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.

Types TypeScript pour l'API Maps JavaScript

npm i -D @types/google.maps

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.

Composants et hooks pour intégrer l'API Maps JavaScript dans les applications React.

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

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.

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

Ajoute et supprime des repères en fonction des modifications de la fenêtre d'affichage de la carte.

npm i @googlemaps/markermanager

Ajoutez des calques OGC (Open Geospatial Consortium), comme un WMS (Web Mapping Service), à une carte.

npm i @googlemaps/ogc

Ajoutez des libellés HTML personnalisés aux repères.

npm i @googlemaps/markerwithlabel

Utilisez WebGL et ThreeJS pour des visualisations hautes performances.

npm i @googlemaps/three

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.

Utilisez des règles ESLint personnalisées pour effectuer le linting de votre code.

npm i -D eslint-plugin-googlemaps

Simulations à utiliser avec la bibliothèque de tests Jest.

npm i -D @googlemaps/jest-mocks

Bibliothèques 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

Encodez et décodez des polylignes dans Node.js.

npm i @googlemaps/polyline-codec

Signez les URL dans Node.js pour plus de sécurité.

npm i @googlemaps/url-signature