Существует множество библиотек с открытым исходным кодом, расширяющих возможности Maps JavaScript API. Эти библиотеки поддерживаются на GitHub и опубликованы в npm .
Веб-компоненты
Используйте веб-компоненты Maps JavaScript API для быстрого добавления функций карт на ваши веб-сайты. Веб-компоненты инкапсулируют шаблонный код, передовые практики и адаптивный дизайн, превращая сложные пользовательские интерфейсы карт в один HTML-элемент.
Расширенная библиотека компонентов платформы Google Карт — это набор веб-компонентов, который помогает разработчикам создавать более качественные карты быстрее и с меньшими усилиями.
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
Пользователи React могут начать работу со следующими пакетами.
Компоненты и хуки для интеграции Maps JavaScript API в приложения React.
npm i -D @vis.gl/react-google-maps
Компонент-оболочка для декларативной загрузки API JavaScript Карт.
npm i @googlemaps/react-wrapper
Расширение маркеров и наложений
Следующие библиотеки расширяют такие классы, как 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 Maps.
npm i @deck.gl/google-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
