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

Доступно множество библиотек с открытым исходным кодом, предоставляющих дополнительные возможности API JavaScript Карт. Версии этих библиотек публикуются на GitHub и публикуются в npm .

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

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

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

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

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

Загрузка API

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

JS API-загрузчик

Динамически загружайте API JavaScript Карт с помощью 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 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-обертка

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

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)

Добавьте на карту слои Открытого геопространственного консорциума (OGC), такие как веб-картографический сервис (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.

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

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

Используйте эти библиотеки, чтобы обеспечить лучшие практики и упростить тестирование Maps 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