MAPLIBRE GL JS 6.16.0 / ИНТЕРФЕЙСЫ

Карта, на которой можно работать

48 объектов выездного сервиса: найдите заявку, выделите зону, сравните планы выездов и измените данные.

Настоящий WebGLБез внешних тайловСобственные GeoJSON

Учебный район: все улицы, объекты и заявки вымышлены. Географические координаты нужны для демонстрации API; схема не является картой реальной местности.

1. Выберите задачу

Выборка объектов

2. Исследуйте карту

ОфисСкладМагазинСервис

Карту можно перемещать мышью, касанием и клавишами после фокуса. Объекты также доступны в списке. Масштаб кнопками +/−; прокрутка колёсиком отключена, чтобы не мешать странице.

PNG содержит canvas и подпись, без HTML-карточек/кнопок. GeoJSON сохраняет текущие изменения. Данные не отправляются на сервер.

Запускаем MapLibre…

Код выбранной задачи

Стартовый пример использует style.js и model.js из проекта. Полная мастерская с фильтрами, карточкой и обработкой ошибок — в ZIP.

Полный app.jsИсходники ZIP