Относительно недавно появился интересный сервис для создания интерактивных карт. Называется он Felt. С его помощью можно добавлять на карты интерактивные метки, прикреплять к ним фото и текстовые заметки.
Сервис разрешает рисовать и писать поверх карты, добавлять на неё гиперссылки, выделять на ней области. В общем, возможностей много.
Для начала посмотим, что можно создать с помощью Felt. У меня получилась вот такая интерактивная карта — «Путешествие по Карелии» (можно перейти по ссылке или щёлкнуть по картинке).
Регистрация
Чтобы начать работу, заходим на сайт сервиса и нажимаем на одну из двух кнопок: «Sign Up» или «Try Felt Free». В дальнейшем для входа на сайт используем кнопку «Log In».
Для создания бесплатной учётной записи указываем адрес электронной почты и пароль. Нажимаем «Create account».
Российские почтовые адреса (mail.ru или yandex.ru, например) для регистрации не принимаются. Придется использовать gmail.com, а ещё проще — зарегистрироваться с помощью аккаунта Google.
Если для регистрации используем почту, то на указанный адрес придёт письмо со ссылкой для подтверждения аккаунта. Переходим по ней и завершаем регистрацию.
Создаём карту
Мы попадаем на страничку с «тренировочной картой», на которой можно потренироваться. Чтобы создать свою собственную работу нажимаем на логотип сервиса вверху слева.
Выбираем «New map».
Открывается карта, на которую мы будем наносить метки и по которой будем прокладывать маршруты. Инструменты для этого находятся на нижней панели.
В веврхнем левом углу — окно для названия карты: вписываем в него нужную формулировку вместо «Untitled Map».
В правом нижнем углу нажимаем на значок «Change background» и выбираем тип карты: обычная карта-схема (Default) или спутниковая карта (Satellite).
Наносим метки и прокладываем маршруты
Чтобы добавить на карту интерактивную метку, используем инструмент «Pin». Добавлять метки можно вручную, нажав сначала на «Pin», а потом щёлкнув по нужному месту на карте.
Другой вариант — использовать для поиска объектов поисковую строку вверху слева. Она вызывается нажатием на значок «Лупа».
И вот метка появилась на карте. Щёлкаем по ней и открываем окошко для редактирования. К метке можно добавить название, описание, загрузить изображение. Можно изменить иконку для обозначения объекта: для этого есть символы и эмодзи.
Чтобы закрепить метку на карте и закрыть её от редактирования нажимаем на значок с изображением «замка».
Чтобы удалить метку, нажимаем на значок с тремя точками и выбираем «Delete».
Чтобы соединить несколько меток в один маршрут, используем инструмент «Route». Щёлкаем по нему и открываем панель редактирования: здесь можно выбрать тип маршрута (пеший, автомобильный, на самолёте, на велосипеде) и цвет линии для него.
Дальше щёлкаем «мышкой» в нужные точки на карте, и линия маршрута рисуется сама. Чтобы закончить прокладку машрута, нажимаем «Finish».
Для линии маршрута тоже можно добавить название, описание и картинку. Дополнительно можно выбрать цвет, прозрачность и толщину линии маршрута и её стиль (сплошная, пунктирная, точечная). Также можно настроить показа старта и окончания маршрута и его продолжительность в километрах.
Удалить маршрут можно так же, как и точку на карте: нажимаем на значок с тремя точками и выбираем «Delete».
Рисуем, выделаем, добавляем слои
Инструмент «Marker» позволяет рисовать по карте. Можно выбрать тип маркера, цвет и толщину линий.
К рисунку можно добавить название, описание. Удаляем его, нажав на значок с тремя точками и выбрав «Delete».
Инструмент «Clip» позволяет выделить на карте определённый регион. Нажимаем на значок с «ножницами» — и на карте автоматически выделяются регионы. Выбираем цвет выделения и щёлкаем по нужной области.
Для области можно добавить название, описание, картинку. Дополнительно можно выбрать вариант оформления: цвет, прозрачность, толщину линий. Можно настроить показ площади выделяемой на карте области.
Чтобы удалить область, нажимаем на значок с тремя точками и выбираем «Delete».
Инструмент «Layers» поможет добавить на карту дополнительные слои, например, обозначения дорог, домов, отображение океанов, озер, климатических особенностей местностей и т.д.
Чтобы добавить слой, нажимаем на эту кнопку и выбираем из списка нужный вариант (для удобства можно воспользоваться Google Переводчиком). Все слои рассортированы по категориям: «Основное», «Границы», «Климат», «Инфраструктура», «Природа». «Наука».
Выбираем нужный слой и приступаем к его редактированию.
Для редактирования нажимаем на значок с изображением карандаша. Чтобы удалить слой, нажимаем на кнопку с тремя точками и выбираем «Delete layer».
Во вкладке «Style» можно выбрать стиль формления слоя: цвет, толщину линий, размер букв и т.д.
Во вкладке «Legend» можно добавить к слою название и описание, а также перевести все надписи на русский язык.
Тексты, ссылки, картинки
Инструмент «Polygon» рисует на карте многоугольники. Щёлкаем «мышкой» по этому значку, выбираем вариант рисования (многоугольник или прямая линия) и цвет линии, а дальше кликаем в нужных местах на карте, чтобы получилась фигура. Чтобы завершить рисование, по последней точке щёлкаем два раза.
Для фигуры можно добавить название, описание, картинку. Дополнительно можно выбрать вариант оформления: цвет, прозрачность, толщину линий. Можно настроить показ площади многоугольника.
Чтобы удалить фигуру, нажимаем на значок с тремя точками и выбираем «Delete».
Инструмент «Text» добавляет надписи. Щёлкаем по этому значку, дальше — по карте и в открывшемся окошке пишем текст. Для надписи можно выбрать цвет, центровку и стиль. Чтобы удалить надпись, нажимаем на значок с тремя точками и выбираем «Delete».
Кнопка «Note» добавляет заметки. Нажимаем на неё, щёлкаем по карте и в открывшееся окно вставляем текст. Дополнительные настройки такие же, как у надписи. Чтобы удалить заметку, нажимаем на значок с тремя точками и выбираем «Delete».
Кнопка «Link» нужна для добавления гиперссылок на веб-ресурсы или на видео. Щёлкаем по ней, в открывшееся окошко вставляем ссылку и нажимаем «Add».
К ссылке добавляется название, описание и «превью» (картинка с сайта или кадр из видео). Чтобы удалить ссылку, нажимаем на значок с тремя точками и выбираем «Delete».
Кнопка «Upload anything!» загружает поверх карты изображения и PDF-файлы с ПК.
К загруженным файлам можно добавить название и описание,можно установить прозрачность. Используя ограничительные маркеры, можно разворачивать картинки и файлы, менять их размер.
Публикация
Чтобы опубликовать проект и поделиться им с другими пользователями, нажимаем на кнопку «Share» вверху.
В открывшемся окошке можно опубликовать работу в Сети (Share to web) и пригласить соавторов для совместной работы над картой (Add collaborators). Для приглашения вписываем адрес электронной почты соавтора и нажимаем «Invite». Чтобы присоединиться к проекту, соавтору придётся зарегистрироваться в сервисе.
Можно открыть права редакции для всех, у кого будет ссылка на проект — в этом случае регистрация будет не нужна. Для этого выставляем опцию «Allow public edition».
Чтобы скопировать ссылку на проект, нажимаем на кнопку «Copy link».
