Skip To Content

Создание Story Map Tour

На этом уроке изучается одно из самых популярных приложений Карты-истории – Story Map Tour. Чтобы создать Story Map Tour сначала необходимо собрать и организовать медиа (фотографии или видео), которые хотите использовать.

Вы можете использовать в Story Map Tour изображения любого размера и формы, но мы рекомендуем альбомную ориентацию (то есть ширина изображения больше его высоты). Туры по карте выглядят лучше, если все изображения одинакового размера, чтобы пользователи не отвлекались на несовпадающие размеры в процессе перемещения по туру. Рекомендуется соотношение сторон изображения 4:3.

Для хранения изображений существует несколько вариантов. Вы можете использовать изображения, сохраненные в Flickr или Google+. Map Tour использует преимущества хранения этих сервисов, то есть вы можете выкладывать изображения любых размеров и быстро загружать их в свою историю. Map Tour также автоматически считывает геотеги изображений для размещения их на карте, и использует названия и подписи изображений. Если изображения не содержат геотеги, Map Tour Builder позволит задать их географическое положение интерактивно.

Из фотографий с геотегами можно быстро собрать приложение Story Map Tour наподобие этого в ArcGIS Online.

В этом уроке вы будете комбинировать изображения с географической информацией, чтобы создать собственный тур по карте. В следующих шагах подробно описывается, как использовать изображения с геотегами, чтобы рассказать историю с помощью ArcGIS Online. В нем используется серия фотографий, снятых на 3-мильной полосе пляжа в Лос-Анджелесе, известной во всем мире как Strand. Или вы можете создать собственный тур по карте на любую интересующую вас тему.

Мы призываем вас упражняться на собственных фотографиях, но если под рукой набора фотографий с геотегами, можете воспользоваться для тренировки этой коллекцией Flickr. Если вы не используете собственные фотографии, перейдите к Создание собственного тура.

Загрузка фотографий

Очень легко загрузить подборку фотографий на Flickr или другие онлайн-сервисы хранения изображений, а затем начать собирать их в историю. Если ваши фотографии не содержат геотеги, вы можете использовать адреса для поиска местоположений и настраивать вручную, перемещая значки по карте. Создание историй - очень простой и быстрый процесс; тем не менее, поиск местоположений и написание пояснений требует времени.

  1. Войдите в свою учетную запись Flickr.
    Примечание:

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

  2. Если вы используете свою учетную запись Flickr, загрузите фотографии в Photostream и создайте новый альбом.
    Примечание:

    Первая фотография в альбоме называется IntroImage. Предполагается, что это изображение появляется сразу после запуска приложения.

Построение тура

  1. Go to the Esri Story Maps website.
  2. At the top of the page, click Apps.
  3. Под заголовком Последовательность фото и видео с привязкой к местности, Story Map Tour щелкните Создать.

    Построение тура по карте

  4. Если будет предложено, войдите из-под учетной записи ArcGIS и щелкните Перейти к конструктор Map Tour.
    Примечание:

    If you don't have an ArcGIS account, you can sign up for a free public account.

    В окне приветствия будет предложено указать источник изображений (или видео). В туре по карте можно использовать видео вместо изображений и вместе с ними. Конструктор может получить доступ напрямую к видео, хранящимся в вашей учетной записи YouTube, или можно указать URL-адреса для отдельных видео на YouTube, Vimeo и т.п.

  5. Щелкните Flickr (либо Picasa или YouTube, смотря где хранятся ваши медиафайлы).

    Добро пожаловать в Построение тура по карте

  6. Если вы хотите продолжить с примерами из Flickr, введите в окне имя пользователя LearnArcGIS и щелкните кнопку Найти.
    Примечание:

    Если вы используете учетную запись подписки ArcGIS с правами издателя, для вас существует дополнительная опция загрузки файлов изображений с компьютера непосредственно в Map Tour Builder, где они будут сохранены в облаке вместе с картой. Эта опция удобна, если ваши изображения еще не размещены в Интернете, или вы создаете Map Tour только для своей организации с использованием изображений, которые не должны быть в общем доступе.

  7. Когда такой пользователь найдется, выберите фотоальбом A Winter Day on The Strand (37) и щелкните Импорт.

    Выберите набор фотографий

    Если у ваших фотографий хорошая информация о пространственной привязке (как у этих фотографий Strand), они автоматически отобразятся на карте, и их список появится на второй закладке.

    Выбор и расположение изображений

    Примечание:

    По умолчанию Flickr не сохраняют информацию о местоположении (часть метаданных EXIF) при загрузке фотографий. Но эту настройку можно изменить для своей учетной записи. Если у вас уже загружены какие-либо фотографии без этой настройки, их надо удалить и загрузить заново.

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

  8. Щелкните кнопку Импорт для завершения.

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

    Изображения только что загружены

  9. На панели слева щелкните Настройки.
  10. В панели Настройки на вкладке Компоновка убедитесь, что в качестве компоновки для карты-истории выбрана Боковая панель.

    Компоновка Боковая панель

    Примечание:

    На вкладке Компоновка можно выбрать компоновку для вашего тура. Если выбрана компоновка Трехпанельная или Интегрированная, в Map Tour имеется дополнительный подзаголовок, который можно отредактировать в заголовке Builder. В отличие от компоновки Боковая панель, эти две компоновки не имеют обложки, но у вас имеется опция, в диалоговом окне Организовать, позволяющая задать первую точку Map Tour в качестве введения, которое не отображается на карте в виде географической точки. Это хороший способ предоставления дополнительного описания тура, прежде чем пользователь начнет просматривать его.

  11. Если необходимо, щелкните Применить.

Написание текста

Теперь можно написать заголовки и описания для самого приложения, а также для каждой фотографии. В реальной жизни это является наиболее трудоемкой частью. Но она и самая важная, так как это ваша история. Не жалейте своего времени, но пишите кратко; рекомендуем также найти хорошего редактора. Помните, что это публикация! Если вы воспроизводите наш пример Strand, воспользуйтесь текстовым файлом, чтобы скопировать оттуда необходимый текст.

  1. Щелкните значок с карандашиком возле главного заголовка и введите A Winter Day on The Strand (или что считаете нужным для своей истории).

    Название и описание

  2. Для Intro image обновите название на Заставка.
  3. Для описания изображения скопируйте и вставьте следующий текст:

    In the Los Angeles County seaside communities of Manhattan Beach and Hermosa Beach, they call it, simply, The Strand. It's a 3-mile-long walking and biking trail that bisects some of the most beautiful beaches and expensive real estate on the West Coast. In the summer, it's everything you would expect, but in the wintertime, it's actually a place of quiet Zen.

  4. Измените базовую карту на Улицы.

    Смена базовой карты

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

  5. Используйте инструмент + чтобы приблизить карту к прибрежным районам, пока экстент ваших местоположений не заполнит карту.

    Прибрежные городки

    Примечание:

    Также вы можете использовать кнопку Организовать в левой части окна конструктора для управления точками тура. Это также дает вам возможность задать первую точку в Map Tour в качестве обложки тура. Если вы используете эту опцию, изображение обложки не отображается на карте как географическая точка. Обложка не отображается в Map Tour Builder, но вы можете предварительно посмотреть, как она будет выглядеть в вашем туре, нажав кнопку Просмотр истории, которая будет активна после сохранения тура. Щелкните эту кнопку, чтобы открыть тур в новой вкладке браузера и изучить его внешний вид.

  6. В левой панели щелкните Организовать точки тура и добавить страницу обложки.
  7. Отметьте опцию Использовать первую точку как страницу обложки.

    Исключить из карусели

  8. Щелкните Сбросить упорядоченные и скрытые точки, затем Применить.
  9. На панели слева щелкните Сохранить.

    Появится сообщение о том, что Тур сохранен, со ссылкой на Мои истории, где вы можете редактировать свои истории и проверять их на наличие ошибок. (Мои истории также можно открыть со страницы Карты-истории.)

    Тур сохранен

    Также можно получить веб-приложение из папки ваших ресурсов в ArcGIS Online.

    Приложение появляется на вкладке Мои ресурсы

  10. На вкладке Мои ресурсы страницы содержания щелкните картографическое веб-приложение A Winter Day on The Strand.
  11. Щелкните на образце, или Просмотр приложения чтобы открыть приложение.

    Просмотр приложения

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

  12. Щелкните Редактировать.

    Кнопка Переключиться в режим конструктора

  13. На панели слева щелкните кнопку Настройки .
  14. Перейдите на вкладку Экстент.

    Здесь устанавливается исходный пространственный экстент для карты при запуске приложения.

  15. Убедитесь, что исходный пространственный экстент для карты включает все точки тура. Если необходимо, щелкните Нарисовать новый экстент и очертите окошко, охватывающее Манхеттен Бич и Эрмоза Бич.

    Экстент прибрежных городков

  16. Щелкните Применить.
  17. Нажмите кнопку Настройки чтобы открыть диалоговое окно Настройки еще раз.
  18. Щелкните вкладку Данные, чтобы обновить имена фотографий и заголовки из метаданных изображений. Для Имени выберите Name, а для Заголовка - Description.

    Выбор имени и заголовка фотографии
    Примечание:

    Текст, используемый для заголовков точек Map Tour может содержать теги HTML, если вам необходимо ввести гиперссылки и использовать дополнительное форматирование текста. Например, каждый заголовок может содержать название фотографии курсивным шрифтом.

    Вы можете включить названия и заголовки фото- и видео-файлов тура непосредственно в конструкторе. Или, если вы хотите подготовить все заранее, можно создать таблицу с именами, подписями, местоположениями и URL-адресами медиа-файлов для Map Tour и импортировать эту таблицу в Map Tour Builder в виде CSV-файла. Конструктор позволит загрузить шаблон, который можно использовать для создания такой таблицы.

  19. Щелкните вкладку Уровень масштабирования, измените Масштаб/уровень на 1:5K (уровень 17).

    Установка уровня масштабирования

  20. Щелкните Применить.
  21. Сохраните изменения и протестируйте экстент и уровни масштабов.

    Иногда приходится проверить несколько комбинаций экстентов и уровней масштабов, чтобы выбрать наиболее приемлемые для своей истории. Далее надо привести в порядок заголовки и описания для каждой фотографии. Как упоминалось ранее, это трудоёмкая, но очень важная часть работы. Если работаете с нашим примером, воспользуйтесь этим текстовым файлом, чтобы скопировать нужный текст.

    Примечание:

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

    Готовая карта-история

  22. Не забудьте сохранить изменения, когда завершите редактировать текст.
  23. И, в качестве финального шага, предоставьте доступ к вашей истории.

Вот и все. Надеемся, вы смогли воссоздать этот Story Map Tour или создать собственный. В качестве источника для вдохновения ознакомьтесь с рядом примеров из Галереи Story Map Tour. В этой галерее находятся примеры, показывающие как можно использовать приложение Story Map Tour, шаблоны дизайна которых можно использовать в качестве передового опыта. Вы можете фильтровать галерею по теме или сфере деятельности, либо выполнять поиск по ключевым словам. Посмотрите – возможно вы найдёте какие-нибудь примеры и из своей сферы интересов. Получите представление о том, как при помощи Map Tour можно передать информацию и какие подходы наиболее эффективны при сочинении подобных историй.

На следующем уроке вы построите приложение Story Map Cascade, знакомящее читателей с еще одним городом Южной Калифорнии – Сан Диего.