Карты · leaflet

Leaflet

Лёгкие интерактивные карты на OSM — классика opensource

Tier 1Легко с AIОк на мобилеfree (BSD) + тайлы OSM/своиJS / React-Leaflet

Design DNA

«Карта как спокойный UI-слой: точки, полигоны, без vendor lock-in.»

Use with AI

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

Собери карту на Leaflet + OSM (или указанный tile layer): маркеры, попапы, fitBounds.
Укажи attribution. Кластер если точек много. Не подключай Яндекс и Leaflet одновременно «на всякий случай».

Что умеет

·Метки, попапы, GeoJSON
·Плагины (кластеры, heat)
·Малый вес
·Свои тайлы

Чего не умеет

·Не «красивый 3D-глобус» из коробки
·Качество тайлов зависит от провайдера

Когда брать

·Нужна бесплатная карта без ключа Яндекса/Google
·Простой MVP локаций

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

·РФ-адреса и маршруты «из коробки» → Яндекс.Карты
·Векторный кастомный стиль → MapLibre

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

GSAPDriver.jsAutoAnimate

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

Яндекс.КартыMapLibreOpenLayers

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

·Забыть attribution OSM
·Тысячи DOM-маркеров без кластера

Демо и ссылки

leafletjs.com