Карты · maplibre

MapLibre GL

Векторные карты со своим стилем — наследник open Mapbox GL

Tier 2СреднеОсторожно на мобилеfree (BSD) + свои/облачные тайлыJS / maplibre-gl / react-map-gl

Design DNA

«Карта как часть бренда: тёмный стиль, акцент на маршруте, story-map под скролл.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Если нужен кастомный стиль — MapLibre GL, один стиль, несколько слоёв GeoJSON.
На mobile упрости pitch/анимации камеры. Не дублируй Яндекс+MapLibre в одном экране.

Что умеет

·Векторные стили
·Камера, pitch, bearing
·GeoJSON слои
·Связка со scroll-story

Чего не умеет

·Нужен источник тайлов/стиль
·Тяжелее Leaflet на слабых телефонах

Когда брать

·Нужен брендовый вид карты
·Story-map / дата-журналистика

Когда не брать

·Простые 3 точки на сайте → Leaflet или Яндекс
·Нет бюджета на тайлы/стиль

С чем сочетается

GSAP ScrollTriggerLenisTheatre

Альтернативы

LeafletЯндекс.КартыMapbox GL (платно)

Типичные ошибки

·Красивый стиль + 60fps scroll без throttle
·WebGL-карта на весь mobile hero
·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

maplibre.org