UI виджет JavaScript Map

Webix HTML JavaScript виджет Map, разработанный с помощью Google Maps API, можно легко интегрировать в приложение. Вы можете загружать данные в эту JS карту и работать с ней как с любым другим виджетом для данных в Webix.

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Примеры интеграции с PHP, Node.js и .NET
  • Поддерживается во всех современных браузерах
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Настройка виджета Map

Виджет идеально подходит для различных приложений, работающих с географическими данными, вне зависимости от их назначения, будь то визуализация экономических данных или информация для туристов. Вы можете задать начальные координаты и масштаб для карты.

Типы карт

Виджет Map поддерживает четыре режима Google Maps. По умолчанию, карта открывается в режиме Roadmap (карта автомобильных дорог). Вы можете переключиться в режим Satellite, чтобы просматривать карту, составленную с помощью снимков спутника. Вы также можете выбрать сочетание двух предыдущих режимов - режим Hybrid. Выбрав режим Terrain (рельефная карта), вы сможете видеть физические характеристики регионов.

Слои JavaScript карт: маркеры и карта интенсивности

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

Интеграция с географическими картами

Webix позволяет встраивать географические карты в приложение с помощью своих собственных компонентов. Узнайте больше про интеграцию с картами от различных производителей.

Google Maps

Google Maps

Yandex Maps

Yandex Maps

OpenStreetMap

OpenStreetMap

HERE Maps

HERE Maps

Интеграция с другими графическими инструментами

Вы можете найти более подробную информацию об интеграции с графическими инструментами здесь.