Доступно множество библиотек с открытым исходным кодом для предоставления дополнительных возможностей для 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 для API JavaScript Карт
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
Тестирование и линтинг
Используйте эти библиотеки, чтобы обеспечить соблюдение передовых практик и упростить тестирование 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
Доступно множество библиотек с открытым исходным кодом для предоставления дополнительных возможностей для 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 для API JavaScript Карт
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
Тестирование и линтинг
Используйте эти библиотеки, чтобы обеспечить соблюдение передовых практик и упростить тестирование 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