Skip to main content

Визуализация и стилизация карты

Ваш бренд.
До последней улицы.

Придайте своим картам вид, похожий на вас. Создавайте собственные стили карт, упрощайте надписи и слои, а также отображайте свои собственные данные.

Студия стиляЗагрузка предварительного просмотра
Amsterdam 52.372° N · 4.894° E

Сделайте это своим

Новая перспектива.
В несколько кликов.

Настройки стиля карты
Выберите отправную точку
Найдите свои цвета
Сохраняйте то, что важно

В слоях данных используются иллюстративные местоположения образцов.

Посмотреть палитру JSON
{
  "name": "Atlas light",
  "description": "Clear, calm and ready for anything.",
  "land": "#f2f1ed",
  "water": "#b7d7e4",
  "parks": "#d2dfc5",
  "buildings": true,
  "roads": "#ffffff",
  "main": "#fff9e9",
  "text": "#4c5c62",
  "halo": "#fafaf7",
  "boundary": "#bac3bf",
  "labels": true
}
Пользовательские палитры Гибкие уровни данных Интерактивный дизайн

Создан, чтобы принадлежать

Карта — это часть вашего продукта.
Сделайте так, чтобы это чувствовалось.

От первого впечатления до самой маленькой этикетки — создайте визуальный язык, который будет работать с остальным вашим опытом.

Каждый слой.
Ваш язык дизайна.

Добавьте в свою палитру дороги, воду и зеленые насаждения. Дайте этикеткам возможность дышать. Сохраняйте детали, которые помогут людям найти свой путь.

Ваши данные.
Прямо там, где ему место.

Превратите карту в свой рабочий холст. Добавляйте местоположения, выделяйте область или выявляйте закономерности с помощью тепловой карты.

Плоская иллюстрация карты с точками местоположения, синим маршрутом, границей области и элементами управления слоями

От идеи к интерфейсу

Найдите свой образ.
Встройте его в свое приложение.

Начните с четкой карты. Сделайте это своим собственным. Свяжите это с опытом, который вы создаете.

Изучите документацию
  1. 01

    Выберите отправную точку

    Выберите палитру, подходящую вашему продукту: от простой повседневной карты до сфокусированного темного изображения.

  2. 02

    Расставьте детали в фокусе

    Уточните цвета и метки. Добавляйте маркеры, маршруты и районы, которые нужны вашим пользователям.

  3. 03

    Подключите свое приложение

    Используйте данные карты MapAtlas с MapLibre GL и вашей собственной конфигурацией стиля. Обеспечьте совместную работу вашего проекта и данных.

Немного подробнее

Хорошие вопросы.
Четкие ответы.

Спросите нашу команду
Что я могу настроить на карте MapAtlas?

Вы можете задать цвета дорог, воды, парков и зданий, настроить метки и выбрать, какие слои будут отображаться. Добавьте свои собственные маркеры, всплывающие окна и географические данные, чтобы карта соответствовала вашему приложению.

Могу ли я создавать как светлые, так и темные стили карты?

Да. Используйте разные палитры для разных задач, например светлую карту для просмотра и тёмную карту для информационной панели. Попробуйте Atlas светлый, Графитовый и Тёплый цвет слоновой кости в предварительном просмотре выше.

Могу ли я добавить на карту свои данные?

Да. Используйте источники GeoJSON и слои карт для отображения местоположений, маршрутов, областей и тепловых карт. Предварительный просмотр использует иллюстративные данные; ваше приложение предоставляет местоположения и атрибуты, которые вы хотите показать.

Изменяет ли предварительный просмотр базовые данные карты?

Нет. Пресеты меняют представление одной и той же карты. Ваше местоположение и масштаб остаются неизменными при изменении палитры, надписей или видимых зданий.

Что включает в себя «Копировать палитру JSON»?

Он копирует цвета и параметры видимости слоев из этого предварительного просмотра. Это отправная точка для вашего собственного стиля, а не полный файл стиля карты. Вашему приложению по-прежнему нужны источники карт, определения слоев и учетные данные API.

Как мне начать?

Создайте учетную запись MapAtlas, выберите нужные сопоставления API и подключите карту к своему приложению. Используйте документацию для получения подробной информации об интеграции и страницу с ценами для текущих разрешений уровня бесплатного пользования. Наша команда может помочь с требованиями к стилю и данным.

Оставьте свой след на карте

Как будет выглядеть ваша карта?

Ваши цвета. Ваши данные. Карта, которая чувствует себя как дома.