Библиотеки с открытым исходным кодом

Существует много библиотек ПО с открытым исходным кодом, расширяющих возможности Maps JavaScript API. Управление версиями этих библиотек осуществляется на GitHub, а публикуются они в npm.

Веб-компоненты

Веб-компоненты Maps JavaScript API позволяют быстро добавлять функции карт на сайты. Веб-компоненты инкапсулируют шаблонный код, рекомендации и адаптивный дизайн, упрощая сложные пользовательские интерфейсы карт фактически до одного элемента HTML.

Расширенная библиотека компонентов платформы Google Карт – это набор веб-компонентов, который ускоряет и упрощает создание карт.

npm i @googlemaps/extended-component-library

Загрузка API

Эти библиотеки упрощают загрузку Maps JavaScript API в современных веб-приложениях.

Динамически загружает Maps JavaScript API с помощью объектов Promise.

npm i @googlemaps/js-api-loader

TypeScript

Эти пакеты потребуются для работы с TypeScript. Дополнительные сведения можно найти в руководстве по использованию TypeScript.

Типы TypeScript для Maps JavaScript API.

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

Позволяет добавлять к карте слои Open Geospatial Consortium (OGC), например Web Map Service (WMS).

npm i @googlemaps/ogc

Позволяют добавлять к маркерам особые HTML-ярлыки.

npm i @googlemaps/markerwithlabel

WebGL и ThreeJS позволяют создавать высокоэффективные визуализации.

npm i @googlemaps/three

Deck.gl позволяет создавать специальные наложения для Google Карт.

npm i @deck.gl/google-maps

Тестирование и статический анализ кода

Эти библиотеки помогают следить за соблюдением рекомендаций и упрощают тестирование Maps JavaScript API.

С помощью специальных правил ESLint можно анализировать код.

npm i -D eslint-plugin-googlemaps

Имитаторы, которые можно использовать с библиотекой для тестирования Jest.

npm i -D @googlemaps/jest-mocks

Библиотеки Node.js

Клиентская библиотека Node.js для вызовов из Cloud Functions или кода на стороне сервера.

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

Кодирование и декодирование ломаных линий в Node.js.

npm i @googlemaps/polyline-codec

Подписание URL в Node.js помогает повысить безопасность.

npm i @googlemaps/url-signature