Версия 15:06, 18 июля 2013

Информация о сервисе

Tripline - эффектный и несложный сервис для создания виртуальных путешествий.С помощью этого сайта можно подготовить увлекательные интерактивные ролики, демонстрирующие ваше перемещение на карте Google Maps. Выглядят они так: из одной точки в другую последовательно проходит красная линия, обозначающая маршрут. В ключевых местах движение останавливается, чтобы зритель мог прочитать информацию и посмотреть слайд-шоу из фотографий; все это сопровождается музыкальной композицией. В любой момент можно поставить просмотр на паузу, перейти в ручной режим и изменить масштаб поверхности. Tripline позволяет вам создавать интерактивную, встраиваемую карту со всеми деталями вашего путешествия, используя данные о вашем местоположении (например, координаты GPS). Можно воссоздать хронологию ваших остановок во время поездки с заметками, описаниями и фотографиями. Карту можно создать просто из точек на Foursquare, фото Instagram или из статусов на Твиттере. Также можно составить маршрут на основе известных исторических событий, таких как экспедиция Льюиса и Кларка.

Пример работы: Тропа Пушкина, автор Елена Кандрушина

Как работать в сервисе

• Справка-инструкция по работе с сервисом, автор Кандрушина Елена

Как разместить в вики карту

Жмем на Share - в открывшемся окне несколько варинатов встраивания карты в блог или на сайт.Рассмотрим эти способы.

1 способ.Встраиваем всю страницу целиком

Копируем Link и встраиваем его в виджет

http://www.tripline.net/trip/%D0%A2%D1%80%D0%BE%D0%BF%D0%B0_%D0%BA_%D0%9F%D1%83%D1%88%D0%BA%D0%B8%D0%BD%D1%83-1170000064261005AB12F5904C3EB23A

{{#widget:Iframe
|url=http://www.tripline.net/trip/%D0%A2%D1%80%D0%BE%D0%BF%D0%B0_%D0%BA_%D0%9F%D1%83%D1%88%D0%BA%D0%B8%D0%BD%D1%83-1170000064261005AB12F5904C3EB23A
|width=600
|height=400
|border=0
}}

Получаем:

2 способ.Встраивание карты

Из окна Share копируем html из Map Player. Это выглядит так:

<iframe src="http://www.tripline.net/api/tripviewer.swf?tripId=1170000064261005AB12F5904C3EB23A&tripDataUrl=http://www.tripline.net/api/v1/kml/1170000064261005AB12F5904C3EB23A?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0" width="512" height="288" style="border:0;"></iframe>

http://www.tripline.net/api/tripviewer.swf?tripId=1170000064261005AB12F5904C3EB23A&tripDataUrl=http://www.tripline.net/api/v1/kml/1170000064261005AB12F5904C3EB23A?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0 

{{#widget:Iframe
|url=http://www.tripline.net/api/tripviewer.swf?tripId=1170000064261005AB12F5904C3EB23A&tripDataUrl=http://www.tripline.net/api/v1/kml/1170000064261005AB12F5904C3EB23A?version=.2&mapsApiKey=ABQIAAAAA9rk3PBVYmwBFaK8U6L2BBSGk6n9_7P4Hc_MSCrbXGvqZu06axRNzkfL-lfkb7tx0GF_c1LVYHgGQg&onSite=0
|width=512
|height=400
|border=0
}}

Получаем:

3 способ.Размещение Place List

Копируем из окна Share HTML из PLACE LIST/ Это выглядит так:

<iframe src="http://www.tripline.net/trip?id=1170000064261005AB12F5904C3EB23A&list=1" width="600" height="1000" style="border:0;"></iframe>

http://www.tripline.net/trip?id=1170000064261005AB12F5904C3EB23A&list=1

{{#widget:Iframe
|url=http://www.tripline.net/trip?id=1170000064261005AB12F5904C3EB23A&list=1
|width=600
|height=1000
|border=0
}}

Получаем:

Примеры использования карт Tripline

• Газета "Мы из Дмитриевогорья"
• Виртуальное путешествие "Вокруг света"
• Виртуальное путешествие "Серебряное кольцо России"
• Виртуальное путешествие "Кольцо Вологодчины"
• Виртуальное путешествие "От полюса к полюсу"

Источники

• Портфолио учителя
• Составляйте свой маршрут с помощью Tripline [стартап]