[ Web Proxy ]
URL:
Viewing: https://developers.google.com/maps/documentation/javascript/libraries-open-source [Back]  [Original]
Open source libraries  |  Maps JavaScript API  |  Google for Developers Skip to main content
Google Maps Platform [Google Maps Platform]
Products Pricing Documentation Blog Community
Search:
Get Started Contact sales
Guides Reference Samples Resources Legacy
Google Maps Platform [Google Maps Platform]
Send feedback

Open source libraries Stay organized with collections Save and categorize content based on your preferences.

outlined_flag

Many open source libraries are available to provide additional capabilities for Maps JavaScript API. These libraries are versioned on GitHub and published to npm.

Web Components

Use Maps JavaScript API Web Components to quickly add maps functionality to your websites. Web Components encapsulate boilerplate code, best practices, and responsive design, reducing complex map UIs into what is effectively a single HTML element.

Google Maps Platform Extended Component Library is a set of Web Components that helps developers build better maps faster, and with less effort.

npm i @googlemaps/extended-component-library
NPM version for @googlemaps/extended-component-library [NPM version for @googlemaps/extended-component-library] NPM downloads for @googlemaps/extended-component-library [NPM downloads for @googlemaps/extended-component-library] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Loading the API

Modern web applications may benefit from using the following libraries to load the Maps JavaScript API.

Dynamically load the Maps JavaScript API with Promises.

npm i @googlemaps/js-api-loader
NPM version for @googlemaps/js-api-loader [NPM version for @googlemaps/js-api-loader] NPM downloads for @googlemaps/js-api-loader [NPM downloads for @googlemaps/js-api-loader] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Using TypeScript

TypeScript users can get started with the following packages. Check out the using TypeScript guide for additional information.

TypeScript types for Maps JavaScript API

npm i -D @types/google.maps
NPM version for @types/google.maps [NPM version for @types/google.maps] NPM downloads for @types/google.maps [NPM downloads for @types/google.maps] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

TypeScript guards to narrow union types.

npm i -D @googlemaps/typescript-guards
NPM version for @googlemaps/typescript-guards [NPM version for @googlemaps/typescript-guards] NPM downloads for @googlemaps/typescript-guards [NPM downloads for @googlemaps/typescript-guards] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Using React

React users can get started with the following packages.

Components and hooks to integrate the Maps JavaScript API into React applications.

npm i -D @vis.gl/react-google-maps
NPM version for @vis.gl/react-google-maps [NPM version for @vis.gl/react-google-maps] NPM downloads for @vis.gl/react-google-maps [NPM downloads for @vis.gl/react-google-maps] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

A wrapper component to declaratively load the Maps JavaScript API.

npm i @googlemaps/react-wrapper
NPM version for @googlemaps/react-wrapper [NPM version for @googlemaps/react-wrapper] NPM downloads for @googlemaps/react-wrapper [NPM downloads for @googlemaps/react-wrapper] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Extending markers and overlays

The following libraries extend classes such as Marker and OverlayView.

Creates and manages per-zoom-level clusters for large amounts of markers.

npm i @googlemaps/markerclusterer
NPM version for @googlemaps/markerclusterer [NPM version for @googlemaps/markerclusterer] NPM downloads for @googlemaps/markerclusterer [NPM downloads for @googlemaps/markerclusterer] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Adds and removes markers based upon map viewport changes.

npm i @googlemaps/markermanager
NPM version for @googlemaps/markermanager [NPM version for @googlemaps/markermanager] NPM downloads for @googlemaps/markermanager [NPM downloads for @googlemaps/markermanager] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Add Open Geospatial Consortium (OGC) layers such as a Web Map Service (WMS) to a map.

npm i @googlemaps/ogc
NPM version for @googlemaps/ogc [NPM version for @googlemaps/ogc] NPM downloads for @googlemaps/ogc [NPM downloads for @googlemaps/ogc] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Add custom HTML labels to markers.

npm i @googlemaps/markerwithlabel
NPM version for @googlemaps/markerwithlabel [NPM version for @googlemaps/markerwithlabel] NPM downloads for @googlemaps/markerwithlabel [NPM downloads for @googlemaps/markerwithlabel] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Use WebGL and ThreeJS for high performance visualizations.

npm i @googlemaps/three
NPM version for @googlemaps/three [NPM version for @googlemaps/three] NPM downloads for @googlemaps/three [NPM downloads for @googlemaps/three] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Use Deck.gl as a custom Google Maps overlay.

npm i @deck.gl/google-maps
NPM version for @deck.gl/google-maps [NPM version for @deck.gl/google-maps] NPM downloads for @deck.gl/google-maps [NPM downloads for @deck.gl/google-maps] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Testing and linting

Use these libraries to ensure best practices and make testing easier for the Maps JavaScript API.

Use custom ESLint rules to lint your code.

npm i -D eslint-plugin-googlemaps
NPM version for eslint-plugin-googlemaps [NPM version for eslint-plugin-googlemaps] NPM downloads for eslint-plugin-googlemaps [NPM downloads for eslint-plugin-googlemaps] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Mocks to use with the Jest testing library.

npm i -D @googlemaps/jest-mocks
NPM version for @googlemaps/jest-mocks [NPM version for @googlemaps/jest-mocks] NPM downloads for @googlemaps/jest-mocks [NPM downloads for @googlemaps/jest-mocks] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Node.js Libraries

Note: The following libraries do not work in browser environments and are implemented for Node.js and server environments.

Node.js client library for making calls from cloud functions or serverside code.

npm i @googlemaps/google-maps-services-js
NPM version for @googlemaps/google-maps-services-js [NPM version for @googlemaps/google-maps-services-js] NPM downloads for @googlemaps/google-maps-services-js [NPM downloads for @googlemaps/google-maps-services-js] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Encode and decode polylines in Node.js.

npm i @googlemaps/polyline-codec
NPM version for @googlemaps/polyline-codec [NPM version for @googlemaps/polyline-codec] NPM downloads for @googlemaps/polyline-codec [NPM downloads for @googlemaps/polyline-codec] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]

Sign URLs in Node.js for additional security.

npm i @googlemaps/url-signature
NPM version for @googlemaps/url-signature [NPM version for @googlemaps/url-signature] NPM downloads for @googlemaps/url-signature [NPM downloads for @googlemaps/url-signature] GitHub Repo stars [GitHub Repo stars] GitHub commit activity (branch) [GitHub commit activity (branch)] GitHub forks [GitHub forks] Discord server badge [Discord server badge]
Send feedback

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2026-08-19 UTC.

Need to tell us more? [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2026-08-19 UTC."],[],["Open-source libraries enhance the Maps JavaScript API, available on GitHub and npm. Web Components simplify map integration via a component library, installable with `npm i @googlemaps/extended-component-library`. The API can be dynamically loaded using `npm i @googlemaps/js-api-loader`. TypeScript support includes types and guards (`npm i -D @types/google.maps`, `npm i -D @googlemaps/typescript-guards`). React users can integrate maps using `@vis.gl/react-google-maps` or `@googlemaps/react-wrapper`. Libraries extend markers, overlays, and there are tools for linting, testing, and Node.js functionality.\n"]]
Web Proxy Viewer  |  New URL  |  Original Page