Доступно множество библиотек с открытым исходным кодом, предоставляющих дополнительные возможности API JavaScript Карт. Версии этих библиотек публикуются на GitHub и публикуются в npm .
Веб-компоненты
Используйте веб-компоненты Maps JavaScript API , чтобы быстро добавлять функции карт на свои веб-сайты. Веб-компоненты инкапсулируют стандартный код, лучшие практики и адаптивный дизайн, сводя сложные пользовательские интерфейсы карт к тому, что фактически представляет собой один HTML-элемент.
Расширенная библиотека компонентов платформы Google Maps — это набор веб-компонентов, которые помогают разработчикам создавать более качественные карты быстрее и с меньшими усилиями.
npm i @googlemaps/extended-component-library
Загрузка API
Современные веб-приложения могут извлечь выгоду из использования следующих библиотек для загрузки API JavaScript Карт.
Динамически загружайте Maps JavaScript API с помощью Promises.
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 могут начать работу со следующими пакетами.
Компоненты и перехватчики для интеграции 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
Добавьте на карту слои Открытого геопространственного консорциума (OGC), такие как веб-картографический сервис (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 для выполнения вызовов из облачных функций или серверного кода.
npm i @googlemaps/google-maps-services-js
Кодируйте и декодируйте полилинии в Node.js.
npm i @googlemaps/polyline-codec
Подписывайте URL-адреса в Node.js для дополнительной безопасности.
npm i @googlemaps/url-signature
