开放源代码库

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

Web 组件

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

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

npm i @googlemaps/extended-component-library

加载 API

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

使用 promise 动态加载 Maps JavaScript API。

npm i @googlemaps/js-api-loader

使用 TypeScript

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

Maps JavaScript API 的 TypeScript 类型

npm i -D @types/google.maps

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

npm i -D @googlemaps/typescript-guards

使用 React

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

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

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

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

npm i @googlemaps/react-wrapper

扩展标记和叠加层

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

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

npm i @googlemaps/markerclusterer

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

npm i @googlemaps/markermanager

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

npm i @googlemaps/ogc

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

npm i @googlemaps/markerwithlabel

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

npm i @googlemaps/three

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

npm i @deck.gl/google-maps

测试和 lint 检查

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

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

npm i -D eslint-plugin-googlemaps

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

npm i -D @googlemaps/jest-mocks

Node.js 库

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

npm i @googlemaps/google-maps-services-js

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

npm i @googlemaps/polyline-codec

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

npm i @googlemaps/url-signature