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

Для 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

Компонент-оболочка для декларативной загрузки Maps JavaScript API.

npm i @googlemaps/react-wrapper

TypeScript

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

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

npm i -D @types/google.maps

Защитники типов TypeScript, которые сужают использование типов для объединений.

npm i -D @googlemaps/typescript-guards

Расширения для классов маркеров и наложений

Эти библиотеки расширяют такие классы, как 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 со специальными правилами для Google Карт.

npm i -D eslint-plugin-googlemaps

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

npm i -D @googlemaps/jest-mocks

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

Клиентская библиотека Node.js для вызовов из облачных функций или кода на стороне сервера.

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

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

npm i @googlemaps/polyline-codec

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

npm i @googlemaps/url-signature