Существует множество библиотек с открытым исходным кодом, предоставляющих дополнительные возможности для JavaScript API карт. Эти библиотеки версионируются на GitHub и публикуются в npm .
Веб-компоненты
Используйте веб-компоненты Maps JavaScript API , чтобы быстро добавить функциональность карт на ваши веб-сайты. Веб-компоненты инкапсулируют шаблонный код, лучшие практики и адаптивный дизайн, сводя сложные пользовательские интерфейсы карт к фактически одному HTML-элементу.
Расширенная библиотека компонентов платформы Google Maps (Google Maps Platform Extended Component Library) — это набор веб-компонентов, который помогает разработчикам создавать более качественные карты быстрее и с меньшими усилиями.
npm i @googlemaps/extended-component-library
Загрузка API
Современным веб-приложениям может быть полезно использовать следующие библиотеки для загрузки JavaScript API карт.
Динамическая загрузка JavaScript API карт с помощью промисов.
npm i @googlemaps/js-api-loader
Использование TypeScript
Пользователи TypeScript могут начать работу со следующими пакетами. Дополнительную информацию см. в руководстве по использованию TypeScript .
Типы TypeScript для API карт JavaScript
npm i -D @types/google.maps
В TypeScript используются ограничения для узких типов объединения.
npm i -D @googlemaps/typescript-guards
Используя React
Пользователи React могут начать работу со следующими пакетами.
Компоненты и хуки для интеграции JavaScript API карт в приложения React.
npm i -D @vis.gl/react-google-maps
Компонент-обертка для декларативной загрузки JavaScript API карт.
npm i @googlemaps/react-wrapper
Расширение маркеров и наложений
Следующие библиотеки наследуют такие классы, как Marker и OverlayView.
Создает и управляет кластерами на уровне масштабирования для большого количества маркеров.
npm i @googlemaps/markerclusterer
Добавляет и удаляет маркеры в зависимости от изменений области просмотра карты.
npm i @googlemaps/markermanager
Добавьте на карту слои Open Geospatial Consortium (OGC), например, веб-картографический сервис (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
