Перейти до змісту

Maputnik

"Мапутнік" (Maputnik) - це візуальний редактор стилів для мап, який спеціалізується на картах, створених за допомогою технології GL.

Головна мета

Головна мета редактору "Maputnik" - це надавати користувачам інструмент для налаштування вигляду і стилю своїх інтерактивних мап, "Maputnik" допомагає значно спростити і полегшити процес налаштування.

Перехід до редактору

1) Відкрийте ваш веб-браузер і перейдіть за адресою: http://maputnik.local.softpro.ua

2) Після завантаження сторінки ви побачите редактор "Мапутніка" в браузері.

3) Тепер ви можете почати налаштовувати стилі вашої мапи, використовуючи візуальний інтерфейс редактора.

Нижче представлено інтерфейс редактору:

Вміст редактора

  • Панель налаштувань - бічна панель, яка містить інструменти та опції для редагування стилів мапи. Основні елементи на панелі засобів включають вибір шару для редагування, інструменти для роботи з кольорами, шрифтами, символами і геометрією.

  • Карта - центральна область інтерфейсу, де ви можете візуально спостерігати результати редагування вашої мапи. Блок карти показує географічні дані на основі вашого стилю, включаючи шари, геометрію, символи та інші елементи. Ви можете змінювати масштаб карти і переміщати, також на карті відображено значення zoom.

  • Панель додавання та експорту стилів - верхня панель, яка містить інструменти та опції для додавання нових стилів, імпортування і експорту стилів мапи. Ця панель дозволяє користувачам керувати стилями. До її основних компонентів входять:

  • Open (Відкрити) - цей розділ дозволяє користувачам відкривати наявні стилі або імпортувати їх.

  • Export (Експортувати) - в цьому розділі можна експортувати стилі мапи в форматі JSON або HTML.

  • Data Sources (Джерела даних) - розділ дозволяє налаштовувати джерела геоданих для вашої мапи. Ви можете додавати та керувати джерелами даних, які використовуються у вашому стилі мапи.

  • Style Settings (Налаштування стилю) - у цьому розділі ви можете налаштовувати загальні налаштування стилю, такі як zoom мапи, центр та інші параметри, які впливають на вигляд і поведінку мапи.

  • View (Вигляд) - розділ надає можливість користувачам відстежувати та налаштовувати відображення карти в інтерфейсі.

Створення стилю карти

1) Для створення нового стилю натисніть на кнопку "Open" (Відкрити) на панелі додавання та експорту стилів.

2) Після цього у Вас відкриється вікно додавання стилю з можливістю:

  • Upload Style (Завантажити стиль з комп'ютера) - дозволяє вам завантажити стиль у форматі JSON з вашого комп'ютера.

  • Load from URL (Завантажити з URL) надає можливість вказати URL-адресу, з якої ви хочете завантажити стиль. Важливо врахувати, що ця URL-адреса повинна мати CORS (Cross-Origin Resource Sharing) включений для можливості підключення стилю.

  • Gallery Styles (Стилі галереї) - дозволяє вибрати один із загальнодоступних стилів, які можна відкрити та відредагувати.

3) Після вибору стилю ви можете редагувати різні шари, кольори, шрифти, символи та інші значення, щоб налаштувати мапу так, як ви бажаєте.

Завершивши редагування ви можете легко експортувати ваш стиль завантаживши файл у форматі Mapbox GL JSON для подальшого використання. Для цього натисніть на кнопку Export (Експортувати) на панелі додавання та експорту стилів