Карты · Редактор стиля

Настройте карту под свой сайт

Выберите базовый стиль — 2ГИС (холодная сине-серая палитра), Яндекс (тёплая бежевая) или базовый — и задайте свои цвета по слоям: фон, зелень, вода, здания, дороги, обводка дорог и подписи. Это настоящая по-слойная раскраска векторной карты, а не фильтр по всей картинке — всё меняется на карте сразу. Готовый код для сайта — сразу на странице, а свои цвета сохраняются в JSON.

Редактор вида карты
Базовый стиль
Цвета слоёв
Фон / земля
#f3efe6
Зелень, парки
#c9e2a4
Вода
#9fc9e8
Здания
#ece5d8
Дороги
#ffffff
Обводка дорог
#e9ddc9
Подписи
#4a4436
Номер дома
#9a8f78
Детализация

Сколько надписей и объектов показывать: больше — гуще названия улиц, номера домов и подписи; меньше — разгружённее.

меньшеСтандартбольше
Точки домов ФИАС/ГАР
Загружаем карту…
Код для сайта · MapLibre GL JS
new maplibregl.Map({
  container: "map",
  style: "https://maps.adresly.ru/styles/yandex/style.json",
  center: [37.6176, 55.7558],
  zoom: 12,
});

Стиль подгружается по URL с наших серверов. Свои цвета слоёв сохраните кнопкой «Экспортировать JSON» и подключите файл как style вместо URL. На своём сайте добавьте свой токен к запросам карты: ?key=ВАШ_ТОКЕН.

Как подключить: базовый стиль указывается как URL в new maplibregl.Map({ style: '...' }). Свои цвета сохраните кнопкой «Экспортировать JSON» и подключите файл вместо URL. Тайлы карты продолжают идти с наших серверов.

Редактор стиля карты — Адресли