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

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

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

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

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

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

npm i @googlemaps/extended-component-library
Версия NPM для @googlemaps/extended-component-libraryЗагрузки NPM для @googlemaps/extended-component-library Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord

Загрузка API

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

Загрузчик JS API

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

npm i @googlemaps/js-api-loader
Версия NPM для @googlemaps/js-api-loaderЗагрузки NPM для @googlemaps/js-api-loader Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHubЗначок сервера Discord

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

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

Типы TypeScript

Типы TypeScript для Maps JavaScript API

npm i -D @types/google.maps
Версия NPM для @types/google.mapsЗагрузки NPM для @types/google.maps Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Защитники TypeScript

Защитники TypeScript для ограничения типов объединений.

npm i -D @googlemaps/typescript-guards
Версия NPM для @googlemaps/typescript-guardsЗагрузки NPM для @googlemaps/typescript-guards Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord

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

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

Библиотека React Google Maps

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

npm i -D @vis.gl/react-google-maps
Версия NPM для @vis.gl/react-google-mapsЗагрузки NPM для @vis.gl/react-google-maps Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Обертка React

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

npm i @googlemaps/react-wrapper
Версия NPM для @googlemaps/react-wrapperЗагрузки NPM для @googlemaps/react-wrapper Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHubЗначок сервера Discord

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

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

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

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

npm i @googlemaps/markerclusterer
Версия NPM для @googlemaps/markerclustererЗагрузки NPM для @googlemaps/markerclusterer Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Менеджер маркеров

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

npm i @googlemaps/markermanager
Версия NPM для @googlemaps/markermanagerЗагрузки NPM для @googlemaps/markermanager Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Веб-картографический сервис (WMS)

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

npm i @googlemaps/ogc
Версия NPM для @googlemaps/ogcЗагрузки NPM для @googlemaps/ogc Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Маркерные этикетки

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

npm i @googlemaps/markerwithlabel
Версия NPM для @googlemaps/markerwithlabelЗагрузки NPM для @googlemaps/markerwithlabel Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Наложения Three.js

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

npm i @googlemaps/three
Версия NPM для @googlemaps/threeЗагрузки NPM для @googlemaps/three Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Накладки Deck.gl

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

npm i @deck.gl/google-maps
Версия NPM для @deck.gl/google-mapsЗагрузки NPM для @deck.gl/google-maps Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord

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

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

плагин ESLint

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

npm i -D eslint-plugin-googlemaps
Версия NPM для eslint-plugin-googlemapsЗагрузки NPM для eslint-plugin-googlemaps Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Шутка издевается

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

npm i -D @googlemaps/jest-mocks
Версия NPM для @googlemaps/jest-mocksЗагрузки NPM для @googlemaps/jest-mocks Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHubЗначок сервера Discord

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

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

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

npm i @googlemaps/google-maps-services-js
Версия NPM для @googlemaps/google-maps-services-jsЗагрузки NPM для @googlemaps/google-maps-services-js Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
Кодирование полилиний

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

npm i @googlemaps/polyline-codec
Версия NPM для @googlemaps/polyline-codecЗагрузки NPM для @googlemaps/polyline-codec Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord
подписание URL-адресов

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

npm i @googlemaps/url-signature
Версия NPM для @googlemaps/url-signatureЗагрузки NPM для @googlemaps/url-signature Звезды репозитория GitHubАктивность коммитов GitHub (ветка)Форки GitHub Значок сервера Discord