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

Доступно множество библиотек с открытым исходным кодом для предоставления дополнительных возможностей для Maps JavaScript API. Эти библиотеки версионируются на GitHub и публикуются в npm .

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

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

Расширенная библиотека компонентов (бета-версия)

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

npm i @googlemaps/extended-component-library

Загрузка API

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

Загрузчик JS API

Динамическая загрузка Maps JavaScript API с помощью Promises.

npm i @googlemaps/js-api-loader

Использование TypeScript

Пользователи TypeScript могут начать работу со следующими пакетами. Ознакомьтесь с руководством по использованию TypeScript для получения дополнительной информации.

Типы TypeScript

Типы TypeScript для API JavaScript Карт

npm i -D @types/google.maps

Охранники TypeScript

Защитники TypeScript для сужения типов объединений.

npm i -D @googlemaps/typescript-guards

Использование React

Пользователи React могут начать работу со следующими пакетами.

Библиотека React Google Карт

Компоненты и хуки для интеграции Maps JavaScript API в приложения React.

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

Обертка React

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

npm i @googlemaps/react-wrapper

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

Следующие библиотеки расширяют такие классы, как Marker и OverlayView.

Кластеризатор маркеров

Создает и управляет кластерами на каждом уровне масштабирования для большого количества маркеров.

npm i @googlemaps/markerclusterer

Менеджер маркеров

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

npm i @googlemaps/markermanager

Веб-картографический сервис (WMS)

Добавьте на карту слои Open Geospatial Consortium (OGC), такие как Web Map Service (WMS).

npm i @googlemaps/ogc

Маркерные этикетки

Добавляйте пользовательские HTML-метки к маркерам.

npm i @googlemaps/markerwithlabel

Наложения Three.js

Используйте WebGL и ThreeJS для высокопроизводительной визуализации.

npm i @googlemaps/three

Накладки Deck.gl

Используйте Deck.gl в качестве пользовательского наложения на Google Maps.

npm i @deck.gl/google-maps

Тестирование и линтинг

Используйте эти библиотеки, чтобы обеспечить соблюдение передовых практик и упростить тестирование Maps JavaScript API.

плагин ESLint

Используйте пользовательские правила ESLint для проверки кода.

npm i -D eslint-plugin-googlemaps

Шутка издевается

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

npm i -D @googlemaps/jest-mocks

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

Примечание: следующие библиотеки не работают в браузерных средах и реализованы для Node.js и серверных сред.

Клиентская библиотека Node.js

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

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

Кодирование полилинии

Кодирование и декодирование полилиний в Node.js.

npm i @googlemaps/polyline-codec

Подписание URL-адреса

Подписывайте URL-адреса в Node.js для дополнительной безопасности.

npm i @googlemaps/url-signature