Как сделать физическую карту
Добавил пользователь Алексей Ф. Обновлено: 04.10.2024
Карты сейчас стали необходимым элементом. Они присутствуют практически на каждом веб-сайте. В интерфейсах многих мобильных приложений также часто можно найти карту местности. В Uber-like сервисах без карты и вовсе не обойтись. Как создать уникальную карту и при этом не потратить много времени на дизайн? Наша подборка инструментов для дизайнеров поможет легко создать карту в стиле сервиса, который он разрабатывает.
ТОП бесплатных инструментов для создания карт
Snazzy Maps
Бесплатный инструмент для создания карт Snazzy Maps предназначен для работы с Google Maps. Этот сервис для дизайнеров поможет придать нестандартный вид карте, чтобы сделать ваш дизайн уникальным. Сервис Snazzy Maps позволяет подобрать интересный дизайн карты из уже готовых образцов. Также здесь можно создавать свои уникальные стили для оформления карты местности.
В данном сервисе для дизайнеров продуман рейтинг — можно подобрать готовые стили карт по релевантности, популярности и т.д. Что удобно — в Snazzy Maps есть плагины для адаптации карт на сайт или приложение.
Heat Map Tool
Само название этого инструмента для создания карт говорит за себя. Heat Map Tool предназначен для создания тепловых карт местности. Пользоваться инструментом проще простого — достаточно загрузить карту в формате CSV и выбрать нужные эффекты.
- Цвета и градиенты тепловых зон;
- Цвет фона;
- Радиусы тепловых пятен;
- Масштабы тепловых зон и т.д.
Free vector maps
Ресурс Free vector maps предоставляет бесплатные карты всех городов, регионов, стран и частей мира в векторном формате. На сайте каждый дизайнер может выбрать бесплатную карту для скачивания для вставки в макет, который он разрабатывает. Макеты карт доступны для скачивания бесплатно, достаточно отключить Adblock в браузере — ведь сайт спонсируется за счет рекламы.
Animaps
Пожалуй, один из самых известных ресурсов для создания карт. Правда тут дизайнеру понадобится пройти бесплатную регистрацию и дальше можно работать бесплатно. На Animaps дизайнеры могут создавать анимированные карты и даже делиться ими с друзьями — в таком случае карта будет видна другу в видео-формате. Благодаря возможностям, предоставленным на сайте, каждый дизайнер может создать свою уникальную анимированную карту, добавить к ней фото, значки и многое другое.
Сервис позволяет загружать элементы указателей местности прямо с компьютера. В принципе, инструмент разработан как своего рода расширение для Google Maps, так что данные об объектах на карте всегда будут актуальны. Дизайнеры могут дать волю своей фантазии и создать карту с движущимися значками, всплывающими указателями и т.д.
Scribble maps
ZeeMaps
Бесплатный инструмент для создания интерактивных карт ZeeMaps позволяет дизайнеру без особого труда создать уникальную карту под нужды его макета. Сервис не требует регистрации поддерживает бесплатную и продвинутую версии. В ZeeMaps можно выделять страны (города, зоны) цветами, а также добавлять уникальные маркеры.
Что интересно — этот сервис для дизайнеров позволяет даже вставлять видео на карту. Вы можете экспериментировать с вставками видео и аудио-маркеров, что придает карте особый вид и выделяет среди прочих.
Гитхаб аккаунт с векторными картами
В одной из предыдущих статей мы уже упоминали, что Гитхаб будет полезен не только разработчикам. Этот ресурс также содержит массу возможностей практически для всех сфер работы. Вот, например, ресурс, который собрал множество готовых векторных карт практически всех регионов и даже улиц из разных хранилищ Гитхаба. Дизайнеру нужно только лишь зарегистрироваться и огромное количество карт для работы будут доступны для скачивания в неограниченном количестве.
Создание карт в 2019: что будет актуально?
Современные возможности редактирования карт выходят далеко за рамки создания красивой картинки для макета. Мы можем делать карты удобней для пользователя конкретного продукта и эффективно имплементировать дизайн в продукт.
Для одного из наших проектов в туристической сфере мы стилизовали карту под теплые брендовые цвета, очистили слои от лишней информации и сделали парки более заметными.
Карта или собственноручно составленный план могут стать хорошим подспорьем для изучения особенностей местности. Работа по составлению карты позволяет сформировать навыки ориентирования в незнакомой обстановке и обращения с простыми инструментами – планшетом и компасом. Составление такой карты не требует специальных навыков геодезической съемки.
- Как составить карту местности
- Как создать схему проезда
- Как составить план местности
- - планшет;
- - лист бумаги;
- - простой карандаш;
- - цветные карандаши;
- - линейка;
- - транспортир;
- - ластик;
- - компас.
Выберите участок местности, план которой вы намерены изобразить на карте. Желательно, чтобы участок имел хорошо видимые ориентиры – природные или искусственные объекты, например, отдельно стоящие высокие деревья, жилые строения или хозяйственные постройки.
Определите точку, с которой будет производиться съемка. Из нее должен быть хорошо виден весь участок местности, который вы нанесете на карту. Лучшая панорама открывается с открытых и возвышенных мест.
Задайте масштаб будущего плана. Одно из правил составления карты гласит, что все объекты на ней изображаются в уменьшенном виде. Расстояние между объектами должно быть уменьшено в строго определенное количество раз по сравнению с аналогичным расстоянием на местности. Для небольшого по размерам участка, вписывающегося в несколько сотен метров, можно принять масштаб, при котором в одном сантиметре уложится 25 или 50 метров.
Сориентируйте ваш рабочий планшет. Для этого поместите компас на его поверхность и определите направление на север. Теперь поверните планшет таким образом, чтобы стрелка компаса была параллельна правому краю. Начертите в правом верхнем углу стрелку, направленную вверх; она будет указывать направление не север.
Обозначьте на карте точку, с которой вы производите съемку. Она послужит своеобразным отправным пунктом, к которому будут привязаны все остальные объекты, наносимые на план местности.
Нанесите на карту простым карандашом основные ориентиры. Это может быть отдельно стоящее дерево или опушка леса, поворот дороги или излучина реки, мост через реку, линия электропередач, водонапорная башня и так далее.
Для каждой из выбранных точек при помощи компаса определите азимут, то есть угол между направлением на север и на ориентир. При помощи транспортира отложите на плане соответствующий азимуту угол и проведите в этом направлении сплошную вспомогательную линию.
На вспомогательной линии отложите длину отрезка от точки съемки до ориентира. Измерить расстояние проще всего шагами, переведя их в метры. Откладывая на карте расстояния, обязательно учитывайте выбранный масштаб. Подпишите построенную точку, выбрав подходящее название.
После нанесения всех выбранных ориентиров обозначьте контуры основных объектов плана (озеро, река, дорога, линия электропередач, овраг и т.д.). Используя цветные карандаши, обозначьте условными знаками, чем занята местность: болото, пашня, лес, луг, водная преграда и другие крупные объекты, имеющие границы.
Уберите ластиком вспомогательные линии. Нанесите на составленную карту названия объектов и расстояния между ними. Напоследок дайте плану содержательный заголовок и укажите масштаб изображения. Теперь ваша карта готова к использованию.
Во времена Excel 2013 появилась возможность добавить надстройку Power Map, с помощью которой данные можно изобразить на географической карте. Этот прием не только расширяет возможности визуализации, но также позволяет анализировать данные, осуществляя поиск закономерностей, имеющих региональное происхождение.
В Excel 2016 Power Map вживлена в программу и называется 3D-карта (3D-map). Сразу к делу. Допустим, есть коммерческие данные о деятельности компании в нескольких европейских странах.
Исходные данные лучше хранить в виде Таблицы Excel, а не обычного диапазона. Это позволит автоматически подхватывать новые значения при их добавлении. Активируем любую ячейку и во вкладке Вставка нажимаем 3D-карта.
Открывается окно создания и редактирования 3д-карты.
В верхней части окна находится лента, состоящая из одной вкладки Главная. Здесь находятся команды добавления, удаления, редактирования. По мере разбора примера рассмотрим, как ими пользоваться.
Слева находится панель со сценами карт. Выглядит как Power Point. Оно так и есть. Можно нарисовать несколько карт или их представлений и, как в презентации, включить слайд-шоу с красивыми переходами.
Справа панель управления полями данных, по которым рисуется карта. Здесь, примерно, как в сводной таблице, можно добавлять поля в разные области карты, перетаскивать, настраивать агрегацию, фильтры.
В центре мы видим карту текущей сцены (у нас она пока только одна) со всеми действующим настройками. По умолчанию это глобус. По нему можно перемещаться, как в навигаторе. Для этого используется мышь и/или клавиатура. Справа внизу кнопки навигации.
Стрелками перемещаемся вправо/влево и меняем угол наклон карты (глобуса). Плюс/минус – это приближение/удаление карты.
При наезде появляются детали (дороги, реки). Однако внешний вид лучше настраивать по факту, когда данные уже нанесены на карту.
Добавление данных на 3D-карту
Для добавления данных предусмотрена панель справа.
Пойдем сверху вниз. На карте, как в фотошопе, можно использовать несколько слоев. Каждый слой показывает определенную информацию и настраивается независимо. Слой можно переименовать в более понятное название, чем Слой 1, Слой 2 и т.д. Например, первый слой – это Продажи, второй – Реклама. Слои можно скрывать, редактировать, удалять (см. пиктограммы справа от названия). Если нужно создать еще один слой, нажимаем Добавить слой.
Ниже в разделе Данные выбирается тип карты. Уровни значений могут отображаться в виде столбиков, столбиков с накоплением, столбиков рядом, пузырьков, тепловой и региональной карты.
Затем идут поля для заполнения карты.
Расположение. В этой области указывается поле с географическим признаком (геолокация). Excel всячески пытается нам помочь и сам выбирает столбец, где находится географический признак. Однако угадывает не всегда. Вот и в нашем примере выбран признак региона, хотя нужны страны.
Крестиком справа удаляем ненужное поле. Затем нажимаем Добавить поле и выбираем столбец со странами.
Для Excel важным является тип географической переменной. Это могут быть страны, города, адреса, координаты и др. В нашем простом примере Excel сам присвоил тип Страна/регион. Спасибо экселю за помощь, но иногда тип приходится указывать самостоятельно. Тогда открываем список (рядом с названием) и выбираем подходящий вариант.
Те названия, которые Excel распознал, сразу отмечаются на карте (если сам показатель еще не выбран, то в виде точек), а чуть выше области Расположение показан процент распознанных названий. В идеале должно быть 100% (см. скриншот выше), но может быть и меньше (так часто бывает, если название написано с ошибкой, если это адрес, малый город, деревня). Можно нажать на процент и посмотреть, какие названия эксель не понимает. Если необходимо, исправьте названия и затем нажмите Обновить данные.
Имейте ввиду, что даже при индикаторе 100% эксель не всегда правильно определяет точку на карте. Это связано с дублированием наименований. Например, город Курчатов есть в России и Казахстане. Поэтому следует визуально проконтролировать, чтобы Excel не закинул вас на другой конец карты. Если это произошло, добавьте в исходные данные (и на карту) еще один столбец, который указывает принадлежность города (улицы и т.д.) к более крупному региону (области, стране). Не забудьте затем обновить 3D-карту.
В нашем примере все страны распознались на 100%, что сразу показывается на карте – это столбцы с нулевой высотой.
Итак, на местности сориентировались. Переходим к данным для визуализации.
Высота. В этой области выбирается показатель, который нужно отразить на карте (или несколько). Выберем продажи.
Т.к. по умолчанию в качестве типа выбрана гистограмма (с накоплением), то на карте (глобусе) появятся столбцы.
Выглядит очень круто, но ужасно с точки зрения наглядности. Вообще говоря, любая 3d-гистограмма – это зло, т.к. она искажает реальные пропорции. Тем более, если смотреть сверху. Если вдруг вам нужны именно вертикальные столбики, то хотя бы измените угол обзора.
Ненамного лучше, но пока оставим так.
Исходные данные не всегда представлены в виде компактной (сведенной) таблицы. Источником может быть и база данных, где каждая строка отражает сделку и, соответственно, многие признаки повторяются, в том числе и географический. В этом случае значения нужно агрегировать определенным способом. Как правило, используется суммирование. Задается в выпадающем списке около названия (как в сводной таблице).
Другими словами, все значения выбранного показателя, соответствующие определенной стране, суммируются, а результат показывается на карте. Как видно, можно агрегировать, рассчитывая среднее, минимум, количество и др. Скажем, у вас карта города, где показаны цены на недвижимость. Нужно отразить минимальную цену в некотором районе. Это можно сделать прямо из исходных данных, не прибегая к дополнительным расчетам.
Категория. Довольно часто данные разбиваются на группы. В нашем примере весь рынок сбыта разделен на две части: Восток и Запад и показан в столбце Регион. Выберем данное поле в качестве категории.
Столбики перекрасятся в соответствии с группировочным признаком.
В области Категория можно поместить только одно поле.
Время. Сюда помещают столбец, отражающий время, чтобы показать изменение данных в динамике. В нашем примере их нет.
Фильтры. Используется для фильтрации данных по некоторому полю (см. видеоролик ниже).
Параметры слоя. Здесь меняются настройки отображения. Например, для столбиков можно задать высоту, толщину, цвет, прозрачность. Также показывать ли нули и отрицательные значения. Будьте осторожны с внесением изменений – на 3D-карте нет команды отмены последнего действия, т.е. Ctrl + Z не работает.
Настройки внешнего вида 3D-карты
Итак, с данными определись, однако выглядят они по умолчанию не очень хорошо. Нужно сделать их более наглядными. Универсальных правил здесь, конечно, нет, т.к. наглядность зависит от самих данных и того, что вы хотите в них показать. Однако рассмотрим основные настройки.
Глобус выглядит красиво, но плоская карта все же понятней. Для замены глобуса на карту используйте кнопку Плоская карта.
После ее нажатия, глобус развернется в обычную карту. Немного поправим масштаб и угол обзора.
Следующий момент – это подписи. На ленте есть специальная кнопка.
На карте появляются названия.
К сожалению, регулировать подписи нельзя. Они сами добавляются в соответствии с масштабом. Поэтому следует осторожно пользоваться этой опцией.
Можно еще выбрать тему карты. Например, сделать как будто это снимок со спутника или просто поменять цветовую палитру.
Однако это лишь регулировка внешнего вида карты. Перейдем к типам визуализации. Их несколько.
Как и в обычной гистограмме, для каждой категории (страны) можно отразить несколько показателей. Добавим в область Высота данные о затратах на рекламу. Однако перед этим придется очистить область Категория, т.к. категории можно применить только для одного показателя в области Высота.
Т.к. используется гистограмма с накоплением, то два показателя просто сложились, что нам не подходит. Поэтому выберем гистограмму с группировкой.
Получим следующий вид.
Красиво, но не очень понятно. Как вариант, на карту можно вывести плоскую диаграмму.
В настройках выбирается нужный тип: вертикальная, горизонтальная, с накоплением и рядом.
Диаграмма помещается прямо на карте.
Следующая визуализация – пузырьковая диаграмма. Диаметр кружка соответствует значению показателя.
Но при этом, т.к. у нас два показателя, видно соотношение между продажами и рекламой. Кстати, столбцов больше нет, карту можно повернуть под прямым углом (смотреть строго сверху). Цвета можно поменять в параметрах слоя (внизу в правой панели).
Тепловая карта отражает только один показатель, поэтому реклама исчезает автоматически. Чем больше красного, тем теплее и, соответственно, выше показатель.
Последний вариант – региональная карта. Наверное, самая подходящая для одного показателя по странам (или другим регионам). Здесь все понятно и просто. Чем темнее цвет, тем больше значение.
Цвет можно изменить в параметрах слоя. Когда-то я весь интернет облазил, чтобы нарисовать что-то подобное. Сегодня это делается за 5,6 секунды, возможно, быстрее.
Слои карты
Слои используются для совмещения разнородных типов визуализации. Скажем, нужно одновременно показать столбики по одному показателю и тепловую карту по другому. На одном слое это сделать невозможно. На разных – легко.
Назовем имеющийся слой Продажи и создадим новый Реклама.
В новом слое визуализируем затраты на рекламу, сделав их столбиками.
Теперь интенсивность заливки контура страны показывает продажи, высота столбика – затраты на рекламу. Можно добавить легенду.
Разумным будет акцентировать внимание на нужном регионе с помощью примечания. Правой кнопкой кликаем по элементу и вносим пояснение.
К сожалению, построение 3д-карты происходит в отдельном окне, ее нельзя поместить на лист Excel. Но если вам нужно отобразить карту именно на листе эксель или в power point, сделайте скриншот с помощью вот этого фотоаппарата на ленте.
Естественно, что связки с данными больше нет. Зато есть красивый рисунок. А данные легко обновить и снова вставить картинку.
Создание обзора
В 3D-карте можно создать обзор нескольких карт. Получится что-то похожее на Power Point, где с помощью слайдов (сцен) создается презентация (обзор).
Даже на нашей небольшой карте информации довольно много и без комментариев она не воспринимается. Хорошо бы по очереди показать отдельные показатели по странам. Можно конечно, построить много карт и просто менять картинки в презентации, рассказывая о том, на что обратить внимание, а можно сделать слайдшоу с эффектом полета над картой.
Итак, стоит задача отобразить данные по продажам и рекламе. Сделаем слайд-шоу. Вначале покажем продажи, затем добавим расходы на рекламу. Далее акцентируем внимание на отдельные страны. И в конце снова покажем весь рынок сбыта, но уже под прямым углом, заменив столбики рекламы на пузырьки. Таков полет нашей режиссерской мысли.
Вначале создадим те карты (сцены), которые, собственно, нужны. Первая карта – только продажи. Вторая – добавляем столбики рекламы (с измененным углом обзора карты). Далее перемещение по странам. Последняя – общий обзор, прямой угол обзора, замена столбиков пузырьками.
Чтобы переходы были плавными, сцены следует рисовать не с нуля, а копировать предыдущие (или следующие) и вносить в них изменения. Сразу настроим параметры сцены, чтобы и они также копировались.
Уменьшим длительность одной сцены до 3 секунд, длительность перехода – 2 секунды, и эффект перехода – Перелет. Вам же я рекомендую самостоятельно поэкспериментировать, чтобы добиться требуемого результата.
Теперь создадим новые сцены с помощью копирования.
Внесем изменения, расположив их в нужной последовательности на панели обзора. Кстати, сам обзор и сцены можно также переименовать, ну да ладно. У меня получилось примерно так.
Для того, чтобы посмотреть обзор, как презентацию, нажимаем на кнопку Воспроизвести обзор.
Воспроизведение обзора может несколько подтормаживать. Этот инструмент отнимает много ресурсов. Да и показать можно не на каждом компьютере (не у всех же стоит Excel последней версии). Поэтому данную презентацию можно записать в формате mp4.
В следующем окне выбираем разрешение (берите максимум) и, если надо, накладываем музыку из заранее заготовленного файла.
После обработки получим файл mp4. Теперь этот видеофайл можно залить на Youtube, Яндекс.диск или вставить в презентацию (что получилось, смотрите в видеуроке ниже).
Конечно, чтобы сделать красивую карту и обзор, придется немного постараться. Я лишь показал, как работать с 3D-картами в Excel. Так что дальше дело за вашим пониманием данных, идеей, как их отразить на карте и творческой мыслью при создании обзора.
Преимущество карт в том, что они наглядны, а с помощью интерактивных сервисов ещё и многофункциональны. С помощью карт можно измерить расстояние, оценить масштаб, увидеть внешний вид, узнать информацию о реальном объекте, определить местоположение.
Как создать простую анимированную карту: сервис Mult.dev
Анимированную карту хорошо использовать, когда надо показать длительное путешествие, охватывающее несколько городов (или стран). Такой формат будет хорошо смотреться и на сайте, и в соцсетях.
Как создать интерактивную карту хороплет: сервис Datawrapper
Раскрасить регионы на карте — создать фоновую картограмму или хороплет — позволяет сервис Datawrapper. Это бесплатно.
Как бесплатно сделать интерактивную карту: сервис Interacty
Рассказываем, как с помощью бесплатного редактора расставить точки на интерактивной карте (или любой картинке), подписать все объекты и встроить ее к себе на сайт.
Как в пару кликов нанести на интерактивную карту сто и более адресов
Для этого вам потребуется иметь аккаунт в Google и заранее подготовить файл в Excel.
Как создать интерактивную карту в конструкторе Яндекс Карты
Два клика и ни строчки кода. Онлайн-картография для новичков
Как создать интерактивную карту в Carto
Визуализируй как известные медиа мира. При анализе большого объема геоданных, создании многослойных карт можно воспользоваться онлайн-инструментом Carto.
Как создать интерактивную карту в сервисе Storymap
Если нужно создать простую, наглядную, адаптированную к мобильным устройствам карту с небольшим количеством точек-маркеров
Как визуализировать большое количество данных: открытая платформа Ушахиди
Сервис работает с информацией из различных источников: SMS, MMS, блоги, Twitter, принимает фото, видео и другие данные из сети
Как создать интерактивную карту с сервисами ESRI
Ключевое слово, которое объединяет все сервисы сторимэп — история. А истории, как известно, можно рассказывать по-разному
Как сделать интерактивную карту: обзор сервисов
Преимущество карт в том, что они наглядны, а с помощью интерактивных сервисов ещё и многофункциональны
Еженедельная рассылка для мультимедийных авторов
Не хватает времени сёрфить по профессиональным сайтам? Подпишитесь на нашу email-рассылку, и каждую неделю вы будете получать полезные статьи, анонсы, интервью, презентации, видеоролики, переводы, инфографику.
Читайте также: