Пример интерактивной карты, созданной в Tripline.

Tripline удобный в использовании и бесплатный сервис. В его базе есть много мест в любой точке мира, нужно их только найти, чтобы поставить отметку.

Конструктор карт предлагает три способа визуализации:
 

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

С чего начать?

В первую очередь зарегистрируйтесь на сервисе Tripline. Это можно сделать через электронную почту или свой аккаунт в Фейсбуке.

Интерфейс сервиса Tripline — простой, поэтому вы не запутаетесь. После регистрации вы попадаете в личный кабинет, где можно приступить к созданию вашей первой интерактивной карты.

Нажмите на плюс «New map» (новая карта) в правом верхнем углу. Придумайте название для карты и определите, кому она будет доступна — только вам, вашим друзьям или будет в публичном доступе. Нажмите на синюю кнопку «Create my map» (создать мою карту).

Сам маршрут может быть построен на разных уровнях:
 

• конкретные места в одном городе,
• разные города,
• разные страны.

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

В сервисе также можно выставить дату и время посещения каждого места.

Чтобы сохранить добавленные точки, нажмите на синюю кнопку в правом нижнем углу «Save and Exit». Карта сохранится в вашем личном кабинете.

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

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

Чтобы встроить интерактивную карту на сайт, вам понадобится embed-код. Кликните на кнопку «Share» и скопируйте код на свой сайт.

Интерактивная карта готова.

Инструкция актуальна на июль 2022 года.