开放源代码库

有很多开源库可用来为 Maps JavaScript API 提供额外的功能。这些库在 GitHub 上进行版本控制，会发布到 NPM。

Web 组件

您可以使用 Maps JavaScript API Web 组件向您的网站快速添加地图功能。Web 组件封装了样板代码、最佳实践和自适应设计，可将复杂的地图界面简化为事实上的单个 HTML 元素。

Google Maps Platform 扩展组件库是一组 Web 组件，可帮助开发者更快速、更轻松地构建更出色的地图。

npm i @googlemaps/extended-component-library
@googlemaps/extended-component-library 的 NPM 版本 @googlemaps/extended-component-library 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

加载 API

使用以下库来加载 Maps JavaScript API 对新型 Web 应用可能会有益。

使用 promise 动态加载 Maps JavaScript API。

npm i @googlemaps/js-api-loader
@googlemaps/js-api-loader 的 NPM 版本 @googlemaps/js-api-loader 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

使用 TypeScript

TypeScript 用户可以开始使用以下软件包。如需了解更多信息，请参阅 TypeScript 使用指南。

Maps JavaScript API 的 TypeScript 类型

npm i -D @types/google.maps
@types/google.maps 的 NPM 版本 @types/google.maps 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

用于收窄并集类型的 TypeScript 守护机制。

npm i -D @googlemaps/typescript-guards
@googlemaps/typescript-guards 的 NPM 版本 @googlemaps/typescript-guards 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

使用 React

React 用户可以开始使用以下软件包。

用于将 Maps JavaScript API 集成到 React 应用的组件和钩子。

npm i -D @vis.gl/react-google-maps
@vis.gl/react-google-maps 的 NPM 版本 @vis.gl/react-google-maps 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

用于以声明方式加载 Maps JavaScript API 的封装容器组件。

npm i @googlemaps/react-wrapper
@googlemaps/react-wrapper 的 NPM 版本 @googlemaps/react-wrapper 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

扩展标记和叠加层

以下库扩展了 Marker 和 OverlayView 等类。

为大量标记创建和管理每个缩放级别的聚类。

npm i @googlemaps/markerclusterer
@googlemaps/markerclusterer 的 NPM 版本 @googlemaps/markerclusterer 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

根据地图视口的变化添加和移除标记。

npm i @googlemaps/markermanager
@googlemaps/markermanager 的 NPM 版本 @googlemaps/markermanager 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

向地图添加开放地理空间联盟 (OGC) 图层，例如网络地图服务 (WMS)。

npm i @googlemaps/ogc
@googlemaps/ogc 的 NPM 版本 @googlemaps/ogc 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

向标记添加自定义 HTML 标签。

npm i @googlemaps/markerwithlabel
@googlemaps/markerwithlabel 的 NPM 版本 @googlemaps/markerwithlabel 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

使用 WebGL 和 Three.js 可实现高性能可视化。

npm i @googlemaps/three
@googlemaps/three 的 NPM 版本 @googlemaps/three 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

使用 deck.gl 作为自定义的 Google 地图叠加层。

npm i @deck.gl/google-maps
@deck.gl/google-maps 的 NPM 版本 @deck.gl/google-maps 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

测试和 lint 检查

使用以下库可确保遵循最佳实践，并简化 Maps JavaScript API 的测试。

使用自定义的 ESLint 规则对代码进行 lint 检查。

npm i -D eslint-plugin-googlemaps
eslint-plugin-googlemaps 的 NPM 版本 eslint-plugin-googlemaps 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

可与 Jest 测试库配合使用的模拟对象。

npm i -D @googlemaps/jest-mocks
@googlemaps/jest-mocks 的 NPM 版本 @googlemaps/jest-mocks 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

Node.js 库

用于从 Cloud Functions 函数或服务器端代码中发出调用的 Node.js 客户端库。

npm i @googlemaps/google-maps-services-js
@googlemaps/google-maps-services-js 的 NPM 版本 @googlemaps/google-maps-services-js 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

在 Node.js 中对多段线进行编码和解码。

npm i @googlemaps/polyline-codec
@googlemaps/polyline-codec 的 NPM 版本 @googlemaps/polyline-codec 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章

在 Node.js 中为网址签名，以提高安全性。

npm i @googlemaps/url-signature
@googlemaps/url-signature 的 NPM 版本 @googlemaps/url-signature 的 NPM 下载次数 GitHub 代码库星数 GitHub 提交活动（分支） GitHub 复刻次数 Discord 服务器徽章