Создание 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. Перейдите на сайт Esri Story Maps.
  2. В верхней части страницы щёлкните Apps.
  3. Под заголовком Последовательность фото и видео с привязкой к местности, Story Map Tour щелкните Создать.

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

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

    Если у вас нет учетной записи ArcGIS, можете создать бесплатную публичную учетную запись.

    В окне приветствия будет предложено указать источник изображений (или видео). В туре по карте можно использовать видео вместо изображений и вместе с ними. Конструктор может получить доступ напрямую к видео, хранящимся в вашей учетной записи 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, знакомящее читателей с еще одним городом Южной Калифорнии – Сан Диего.


Создание Story Map Cascade

Допустим, вы хотите подготовить простой путеводитель для посетителей города Сан-Диего (шт. Калифорния, США). Вы хотите сориентировать читателей в основных районах города, и дать им возможность посетить некоторые достопримечательности. Для этой истории вы воспользуетесь готовой веб-картой, показывающей основные районы и достопримечательности города. Для вас также подготовлены фотографии.

Вы создадите это визуально привлекательное приложение Story Map Cascade с основными районами и достопримечательностями города Сан Диего. Приложение Story Map Cascade комбинирует встроенный контент с красивыми захватывающими разделами, которые заполняют экран картами, изображениями, 3D-сценами, видео и прочими интернет-ресурсами. Каскадная история идеально подходит для рассказа сложных историй со свободно настраиваемой структурой, по которой читателям удобно перемещаться. Им просто нужно прокручивать историю мышкой.

Запуск Конструктора приложений

Конструктор Story Map Cascade позволяет включать свои карты, фотографии и текстовые описания, привлекая и информируя читателей. Для целей данного урока вы будете использовать готовую веб-карту города и предоставленные фотографии.

  1. Перейдите на сайт Esri Story Maps.
  2. В верхней части страницы щёлкните Apps.
  3. Прокрутите до раздела Подробное и яркое мультимедийное повествование и найдите опции шаблона Story Map Cascade.

    Шаблон Cascade

  4. Щелкните Построить.
    Примечание:

    Cascade Builder поддерживается только в браузерах Chrome, Firefox и Safari. Просматривать каскадные истории можно в любом браузере.

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

    Если у вас нет учетной записи ArcGIS, можете создать бесплатную публичную учетную запись.

    Страница-заставка конструктора Cascade

    Откроется страница-заставка конструктора Cascade, на которой уже подготовлено место для заглавной фотографии.

    Всё готово, чтобы вы могли начать строить каскадную карту-историю.

Настройка заставки для Cascade

Теперь вы можете начать настраивать страницу заставки. Страница заставки – это первое, что увидят читатели, надо её сделать привлекательной!

  1. В окне Введите заголовок истории напечатайте Добро пожаловать в Сан Диего.
  2. В подзаголовке можете написать свой текст или воспользоваться этой строчкой: Откройте для себя популярный город-курорт Южной Калифорнии.
  3. Щёлкните кнопку Сохранить в левой части конструктора Cascade.
    Примечание:

    Рекомендуем всегда добавлять на заглавную страницу свой логотип, чтобы читатели сразу видели кто автор истории. Чтобы добавить логотип, щёлкните кнопку Настройки. В появившимся окне щёлкните вкладку Логотип и общий доступ.

  4. Щёлкните кнопку Добавить изображение или видео.

    Откроется панель медиа-файлов, на которой вы можете выбрать изображение для страницы заставки.

    Можете перетащить изображения в конструктор Cascade мышью со своего компьютера, или воспользоваться каким-нибудь фото-хостингом, например Flickr. (Очень важно, чтобы у вас были права на использование фотографий из Интернета.) Рекомендуем загружать на карты-истории собственные фотографии и прочие изображения, чтобы они всегда были доступны. В данном случае, фотографии уже выгружены на Flickr в общий доступ, так что можете ими пользоваться.

  5. Щёлкните вкладку Flickr и щёлкните Учётная запись Flickr.
  6. В окошке Поиск учётной записи введите Esri Story Maps Demo и нажмите Enter.
  7. Выберите альбом Welcome to San Diego.
  8. В альбоме Flickr выберите любое изображение, которое сочтёте подходящим для заставки каскадной истории, например View over San Diego Bay.
    Примечание:

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

    Карандашик

    Теперь, если вас устраивает заглавная страница, можно создавать введение для карты-истории.

Добавьте какой-нибудь вводный текст и фотографии

Далее можно начать строить первую часть истории, используя текст и медиа-файлы.

  1. Нажмите кнопку со стрелкой внизу страницы.

    Кнопка стрелки

  2. Щелкните кнопку Добавить (+).

    Кнопка Добавить

  3. В появившемся меню выберите Текст.

    Текст

  4. Введите какой-нибудь текст с общими словами о городе Сан-Диего. Можете сочинить его сами или скопировать следующий:

    В городе Сан-Диего почти идеальный климат с бесконечным летом, великолепные пляжи, оживлённый исторический центр, спокойный жилые кварталы и непринуждённая атмосфера.

    Кроме того, есть многокилометровый берег океана, горы и пустыни.

    Мы хотим рассказать вам о городе и заодно показать интересные места, которые, мы надеемся, вам понравятся.

    Можно форматировать текст в приложении Story Map Cascade как заголовки, подзаголовки, обычный и разнонаправленный текст.

  5. Щёлкните внутри абзаца и щёлкните кнопку форматирования слева, чтобы изменить его оформление.
    Примечание:

    Также можно форматировать определённые части текста, выделяя их полужирным, курсивом, подчёркиванием, зачёркиванием, гиперссылками и различными цветами. При выделении текста появляется меню со всеми этими опциями.

    Значок Форматировать текст

  6. Щёлкните кнопку Добавить (+) после последнего параграфа только что добавленного текста и выберите Медиа-ресурсы.
  7. В окне с медиа-ресурсами на вкладке Flickr, где показан всё тот же фотоальбом, выберите другое изображение с видами Сан-Диего, например Sunset Cliffs.
    Примечание:

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

  8. Наведите курсор на только что добавленное изображение.

    Обратите внимание на три появившихся значка. При помощи карандашика вы можете изменить размер фотографии, центрировать или удалить её. При помощи значка-мусорки вы можете быстро удалить фотографию. Пользуясь значком с плюсом (кнопка Добавить другое изображение), вы можете добавить дополнительные изображения.

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

  9. Щёлкните кнопку Добавить другое изображение.

    Добавить другое изображение

  10. На панели медиа-файлов выберите Downtown San Diego Children's Park.

    Теперь кнопка Добавить другое изображение появилась в галерее справа.

  11. Добавьте изображение Balboa Park - Buildings and Gardens.

    Галерея изображений

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

  12. Щёлкните Ваш заголовок здесь и введите описание новой галереи, например имя фотографа: Rupert Essinger / Esri.
    Примечание:

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

  13. Щёлкните кнопку Добавить (+) ниже добавленных фотографии и выберите Текст.
  14. Введите ещё какой-нибудь текст о Сан-Диего, например этот:

    Город Сан-Диего расположен на берегу Тихого океана, в 200 км к югу от Лос-Анджелеса и 32 км к северу от города Тихуана, который находится на границе с Мексикой.

    Из Лос-Анджелеса до Сан-Диего можно добраться за два часа, либо на машине, либо по железной дороге Amtrak Pacific Surfliner.

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

Добавление карты

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

  1. Щёлкните кнопку Добавить (+) ниже последнего добавленного текста и выберите Медиа.
  2. В окне с медиа-файлами перейдите на вкладку ArcGIS и щёлкните ArcGIS Online.

    Вкладка ArcGIS на панели медиа-файлов

  3. В поле поиска введите CreateCSDSanDiego owner:StoryMaps и нажмите Enter.
    Примечание:

    Если у вас уже есть готовая ссылка на URL для определённой веб-карты ArcGIS (https://www.arcgis.com/home/item.html?id=346b76ac939f474b80795b7a3427831c), можете получить доступ к ней непосредственно. Вы будете искать часть ID из её URL, в данном случае, 346b76ac939f474b80795b7a3427831c.

  4. Щёлкните веб-карту Welcome to San Diego, автор которой - команда StoryMaps.

    Эта веб-карта создана на ArcGIS Online. Карта появится в вашем каскаде; на ней показано местоположение города Сан Диего на юге Калифорнии.

  5. Наведите курсор на карту и щёлкните значок-карандашик в левом нижнем углу карты.

    Там есть несколько опций для настройки внешнего вида и поведения вашей карты в приложении Cascade, включая размеры, виды и уровни взаимодействия.

  6. Щёлкните голубую галочку в левом нижнем углу карты, чтобы закрыть это окно.

    Голубая галочка

  7. Щёлкните кнопку Добавить (+) ниже добавленной карты и выберите Текст. Введите какой-нибудь текст для завершения вводного раздела, например этот:

    Хотя наибольшую известность округ Сан-Диего получил благодаря береговой линии, здесь есть ещё и горы. Лагуна-маунтинс в 80 км к востоку от города известны восхитительными видами государственного парка Анза-Боррего – огромной пустынной особо охраняемой природной территории, самого большого государственного парка в Калифорнии.

  8. Сохраните изменения.

    В первом разделе приложения Story Map Cascade вы создали привлекательную страницу заставки, написали введение и добавили карту, позволяющую пользователям получить общее представление о территории. Теперь можно добавить новый раздел, дающий более подробную информацию о Сан-Диего.

Начните новый раздел с текста, заголовка и медиа-файла

Следующая часть каскадного приложения посвящена центру города Сан-Диего, для этого надо добавить заголовок и какой-нибудь текст о городе.

  1. Щёлкните кнопку Добавить (+) под последним добавленным параграфом и выберите Заголовок.
  2. На месте Введите название введите Центр города Сан-Диего.
  3. Щёлкните кнопку Добавить медиа-ресурсы в левом нижнем углу только что добавленного раздела заголовка.
  4. На панели медиа-ресурсов щёлките вкладку Flickr и под учётной записью Esri Story Maps Demo откройте альбом Welcome to San Diego.
  5. Выберите фотографию центра города, которая послужит фоном для раздела заголовка, например Downtown San Diego - Children's Park.

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

  6. Щёлкните значок-карандашик в левом нижнем углу раздела заголовка и выберите Фон.
  7. На предварительном просмотре фотографии справа щёлкните голубой кружок и перемещайте его по изображению, пока не подберёте подходящую часть фотографии.
    Примечание:

    Если захотите сменить фотографию, там есть опция Изменить медиа на вкладке Организовать.

    Размещение фонового изображения

  8. Щёлкните голубую галочку, чтобы закрыть панель Фон.
  9. Щелкните кнопку Добавить (+) под разделом Заголовок.

    Добавление описательного раздела

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

    Кнопка Описательный

  11. Введите какой-нибудь текст о центре города Сан-Диего, например этот:

    Начните свой визит в Сан-Диего с его оживлённого центра. Здесь, рядом с Заливом Сан-Диего, находятся конференц-центр, гавань, бейсбольный стадион и ещё много всего интересного.

  12. Щёлкните кнопку Сохранить в левой части конструктора Cascade.

    Этими заголовками в Story Map Cascade очень удобно разбивать историю на разделы. Пользователю понятно, что здесь вы углубляетесь в подробности о городе Сан-Диего.

Добавление разнонаправленного раздела

Разнонаправленный раздел занимает весь экран. По мере того, как читатели будут прокручивать историю, различные виды разнонаправленного раздела будут появляться на дополнительных панелях с описательным текстом. Например, в каждом виде может быть своя фотография или карта, или различные местоположения на одной и той же карте. Вы также можете задать эффекты переходов между видами, чтобы придать гибкость в переходах между последовательностью фотографий, карт или 3D-сцен.

  1. Щёлкните кнопку Добавить (+) под последним добавленным параграфом и выберите Разнонаправленный.

    Конструктор Cascade Builder изменится; появятся элементы управления, помогающие создать разнонаправленный раздел. Вдоль нижней части экрана вы увидите полосу, на которой можно задать виды для данной разнонаправленной секции. Там находится первый вид, уже подготовленный для создания.

  2. Щёлкните Добавить медиа, чтобы выбрать что будет показывать первый вид.
  3. На панели медиа-файлов выберите одну из фотографий центра города из Esri Story Maps Demo учётной записи Flickr альбома Welcome to San Diego, например Downtown San Diego USS Midway.
  4. Поверх добавленной фотографии находится незакреплённая панель с текстом Продолжите вашу историю здесь.

    Панель с текстом Продолжите вашу историю здесь

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

    Музей-авианосец USS Midway Aircraft Carrier

    Оказавшись в Сан-Диего, не упустите свой шанс посетить знаменитый авианосец! На огромной палубе этого судна можно посмотреть огромную коллекцию различных самолётов, а также полюбоваться великолепными видами Залива Сан-Диего, видом на город и на остров Коронадо. Также у вас будет возможность подняться на капитанский мостик и даже посидеть в кресле командира экипажа! Фото: Руперт Эссингер/ Esri

    Примечание:

    Если вы не видите панель, в которую надо вводить текст, прокрутите чуть вниз – и она появится.

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

    USS Midway, значок-карандашик

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

    Ваша разнонаправленная секция уже содержит один вид. Теперь вы добавите ещё один вид, чтобы появилась другая фотография.

  8. На полосе в нижней части экрана щёлкните кнопку Добавить (+) рядом с одним из содержащихся там видов, чтобы добавить ещё один вид, щёлкните Добавить медиа и выберите другую фотографию, например Downtown San Diego - Pantoja Park. Введите какой-нибудь описательный текст для этой фотографии, например следующий:

    Парк Pantoja

    Этот мирный парк – небольшой оазис в окрестностях гавани. Парк очень старый, он был заложен ещё в 1850 году. Памятник Бенито Хуаресу был подарен правительством Мексики. За ним возвышаются здания Бродвея. Photo: Rupert Essinger / Esri

  9. Отформатируйте текст и текстовую панель, чтобы они выглядели приблизительно так же, как на предыдущем виде.
  10. Щёлкните кнопку Сохранить в левой части конструктора Cascade.
  11. Щелкните кнопку Просмотр истории.

    Кнопка Просмотр истории

    Предварительный просмотр каскадной истории откроется в новой вкладке.

  12. Исследуйте свою карту-историю.
  13. Закройте эту вкладку и вернитесь в Конструктор Cascade.

Добавление карты в разнонаправленный раздел

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

  1. Чтобы добавить новый вид, щёлкните кнопку Добавить (+) на полосе в нижней части экрана.

    Кнопка Добавить

  2. В появившемся новом виде щёлкните Добавить медиа.
  3. На панели с медиафайлами перейдите на вкладку ArcGIS.
  4. На вкладке выберите Эта история (если ещё не выбрано).

    Там показана веб-карта, которую вы уже добавляли в это приложение.

  5. Ещё раз выберите эту веб-карту, чтобы использовать её в виде.

    Но в этом виде вы хотите, чтобы на карте был показан именно центр города.

  6. Щёлкните значок-карандашик в левом нижнем углу карты, чтобы настроить её отображение в данном виде.
  7. Стараясь, чтобы Сан-Диего оставался посередине карты, используйте кнопку увеличения в правом нижнем углу карты (или удерживайте Shift и очертите на карте рамку), чтобы на карте был показан только центр города Сан-Диего.

    Карта приближена к Сан-Диего

    Этот экстент данной веб-карты содержит некоторые районы и достопримечательности Сан Диего, а также маршруты паромов и троллейбусов. Точки достопримечательностей были собраны в файле Microsoft Excel и загружены на веб-карту посредством файлов CSV. Другие слои были созданы в ArcGIS Desktop и загружены на веб-карту в виде шейп-файлов.

  8. Щёлкните голубую галочку, чтобы сохранить такую настройку карты.

    Далее надо добавить текст и фото на панель возле карты.

  9. Вы должны видеть пустую текстовую панель, находящуюся поверх карты, с текстом Продолжите вашу историю здесь.
    Примечание:

    Если вы не видите пустую текстовую панель, слегка прокрутите вниз, она должна появиться.

  10. Щёлкните эту текстовую панель и введите текст, который должен отображаться возле этой карты, например следующий:

    Центр города Сан-Диего

    Расположенный в заливе Сан-Диего, центр города процветает. Всего в нескольких минутах от аэропорта. Совсем рядом находится прекрасный Бальбоа-парк. Щёлкайте зеленые точки, чтобы открыть для себя интересные места, или прокрутите вниз, и мы их вам покажем.

    Примечание:

    Если в вашем тексте тоже что-то написано про зелёные точки, которые надо щёлкать, возможно вы захотите выделить слово зелёные зелёным цветом, как на карте.

  11. Щёлкните кнопку Добавить (+) ниже последнего добавленного текста и выберите Медиа, чтобы добавить фотографию на текстовую панель.

    Добавление фотографии на карту

  12. На панели медиа-файлов выберите одну из фотографий центра города из Esri Story Maps Demo учётной записи Flickr альбома Welcome to San Diego, например Downtown San Diego - Children's Park.
  13. Под фотографией щёлкните Введите название и введите название:

    Детский парк возле конференц-центра

Добавить другой вид

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

  1. На полосе в нижней части экрана наведите курсор на последний добавленный вид и щёлкните кнопку Дублировать.

    Кнопка Дублировать

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

  2. Щёлкните значок-карандашик в левом нижнем углу карты, чтобы настроить её отображение в данном виде.
  3. Приблизьтесь к Кварталу газовых фонарей. Чтобы приблизиться, можно дважды щёлкнуть на карте или использовать соответствующий элемент управления для увеличения, либо удерживая нажатой клавишу Shift прочертить на карте рамку.

    Карта приблизилась к Кварталу газовых фонарей

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

  4. В списке слоёв в правом верхнем углу включите по своему усмотрению дополнительные слои, например слой Food (еда).
  5. Щёлкните голубую галочку, чтобы сохранить такую настройку карты.

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

  6. В текстовой панели для этого вида напечатайте текст:

    Квартал газовых фонарей

    Мы приветствуем вас в центре развлечений, ресторанов и вечеринок Сан-Диего. Это самое популярное место в центре города для вечернего времяпровождения.

    Примечание:

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

  7. Щелкните кнопку Добавить (+) ниже последнего добавленного абзаца, а затем щёлкните Медиа и выберите фотографию этого места, например Downtown San Diego - Gaslamp.
  8. Под фотографией щёлкните Ваш заголовок здесь и введите следующий текст:

    Вы найдёте оживлённые рестораны, бары и магазины вдоль Пятой авеню, расположенной к северу от конференц-центра, начиная с знака квартала «Gaslamp Quarter».

  9. Повторяйте шаги с 1 по 8, чтобы добавить ещё один вид, приближающий к кварталу Маленькая Италия (Little Italy), который тоже один из самых популярных в центре города. Он расположен примерно в 10 кварталах на северо-запад от Квартала газовых фонарей.
  10. В текстовой панели введите следующий текст:

    Маленькая Италия

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

  11. Найдите и добавьте фотографию квартала Little Italy из альбома Welcome to San Diego.
  12. Добавьте следующий текст в качестве описания к фотографии:

    Маленькая Италия сосредоточена вдоль улицы India, между Ash на юге и Hawthorn на севере.

    Теперь вы добавите ещё два вида с фотографиями, а также эффект медленного перехода между ними.

  13. На полосе в нижней части экрана щёлкните кнопку Добавить (+) после последнего добавленного вида, чтобы добавить новый вид, щёлкните Добавить медиа и выберите любую фотографию центра города Сан-Диего из альбома Welcome to San Diego из Flickr.
  14. Добавьте название этого места на текстовую панель фотографии.
  15. Повторите шаги 11 и 12, чтобы добавить ещё одну фотографию.

    Вы можете выбирать различные эффекты перехода между парами видов (если это не карты).

  16. На полосе в нижней части экрана щёлкните кнопку Выбрать переход для последнего добавленного вида.
  17. Выберите переход Медленное затемнение.

    Медленное затемнение

  18. Щёлкните кнопку Сохранить в левой части конструктора Cascade.
  19. Щелкните кнопку Просмотр истории (над кнопкой Сохранить).
  20. Рассмотрите свою историю, а затем закройте эту вкладку и вернитесь в Конструктор Cascade.

    Поздравляем! Вы только что создали приложение Story Map Cascade с двумя разделами о центре города Сан-Диего. Обычно после этого продолжают добавлять к истории разделы о других частях города, которые вы хотите включить, например, Mission Bay, Pacific Beach и La Jolla. Чтобы добавить эти разделы, повторите описанные выше шаги, используя соответствующие фотографии и показывая карту, увеличенную до этих мест. При желании вы можете добавить в конце своей истории раздел об авторах с фотографиями и другой информацией.

Откройте доступ к истории

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

  1. В верхней части Конструктора Cascade найдите три опции публикации.
  2. Чтобы сделать историю общедоступной, щёлкните кнопку Публичная.

    Кнопка Публичная

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

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

Далее вы построите приложение Story Map Journal, знакомящее читателей с Сан Диего.


Создание Story Map Journal

Вы создадите данное Story Map Journal о ключевых районах и достопримечательностях Сан-Диего, штат Калифорния. Приложения Story Map Journals очень полезны, если надо построить длинное повествование, которое было бы легко разделить по отдельным секциям. Каждая секция такого журнала представляет карту, изображение, видео или веб-ресурс, дополненный соответствующим текстом на боковой панели. Вы также можете задать интерактивные действия для текста на боковой панели. Эти действия будут изменять веб-карты когда пользователи щёлкают на определённых словах или предложениях. Ваше приложение Story Map Journal продемонстрирует некоторые наиболее известные места города Сан-Диего. Для построения Story Map Journal вы будете использовать готовую веб-карту города и предоставленные фотографии.

Запустите конструктор Map Journal

Сначала надо найти соответствующий шаблон на сайте Esri Story Maps и начать строить новый Story Map Journal. Затем вы выберете компоновку и заголовок.

  1. Перейдите на сайт Esri Story Maps.
  2. В верхней части страницы щёлкните Apps.
  3. Прокрутите до раздела Подробное и яркое мультимедийное повествование и найдите опции шаблона Story Map Journal.

    Шаблон Story Map Journal

  4. Щелкните Построить.
  5. Если будет предложено, войдите из-под учетной записи ArcGIS и щёлкните Перейти в Конструктор Journal.
    Примечание:

    Если у вас нет учетной записи ArcGIS, можете создать бесплатную публичную учетную запись.

    Откроется окно Добро пожаловать в Конструктор Map Journal. В этом окне можно выбрать формат компоновки для Story Map Journal. Поддерживаются два варианта компоновки: Боковая панель и Откреплённая панель. Откреплённые панели предназначены для коротких описаний, когда основное внимание сосредоточено на карте. На создаваемой карте-истории вы будете комбинировать фотографии, карты и более подробный описательный текст для каждого местоположения, поэтому для целей данного упражнения лучше подойдёт Боковая панель.

  6. В окне Добро пожаловать в Конструктор Map Journal подтвердите выбор Боковой панели. Затем щёлкните Начало.

    Опции компоновки Конструктора Map Journal

    Теперь Конструктор Map Journal предлагает ввести название.

  7. В окне Введите ваш заголовок напечатайте Добро пожаловать в Сан-Диего.
    Примечание:

    Если появляется сообщение, что элемент с таким именем уже существует, добавьте к названию свои инициалы .

  8. Щёлкните кнопку Далее.

    Откроется окно Добавить домашний раздел.

Добавить домашний раздел

Map Journals состоит из разделов или секций. Начальный раздел – это первый раздел, который видят пользователи, открыв журнал. Он служит в качестве введения.

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

Вы можете перетаскивать фотографии непосредственно в Конструктор Map Journal со своего компьютера, или получать доступ к изображениям, размещённым на фотохостингах в интернете. Загружаемые с компьютера фотографии сохраняются непосредственно в вашей истории Map Journal. Загрузка изображений – рекомендуемый способ добавления фотографий и прочей графики в историю. В данном случае, фотографии уже выгружены на Flickr в общий доступ, и вы можете ими пользоваться.

  1. В окне Добавить домашний раздел в опциях Ресурсы выберите Изображение.
  2. Щёлкните Flickr.

    Добавить изображение из Flickr

  3. В качестве Имени пользователя Flickr введите Esri Story Maps Demo и щёлкните Загрузить альбомы.

    Появится единственный альбом этого пользователя.

  4. Щёлкните альбом Welcome to San Diego.

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

  5. Щёлкните фотографию под названием View over San Diego Bay (Вид на бухту Сан-Диего), или любую другую на своё усмотрение.

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

  6. Убедитесь, что в опции Положение установлено Заполнение и щёлкните Далее.

    В окне Добавить домашний раздел будет предложено добавить ресурсы на боковую панель – область слева от основной секции. Можете ввести текст непосредственно в текстовом редакторе или вставить из какого-нибудь другого источника. На боковую панель можно добавлять не только описательный текст, но и изображения и видео.

  7. В текстовое окно введите или скопируйте и вставьте этот текст введения:

    В городе Сан-Диего почти идеальный климат с бесконечным летом, великолепные пляжи, оживлённый исторический центр, спокойный жилые кварталы и непринуждённая атмосфера.

    Кроме того, есть многокилометровый берег океана, горы и пустыни.

    Мы хотим рассказать вам о городе и заодно показать интересные места, которые, мы надеемся, вам понравятся.

    Боковая панель ресурсов

    Подсказка:

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

  8. Если введённый текст вас устраивает, щёлкните Добавить.

    Фотография и текст добавятся в Конструктор Map Journal.

    Домашний раздел

  9. В верхней части конструктора Map Journal щёлкните Сохранить.

    Сохранить

    Ваш Домашний раздел готов.

Добавление секции для Сан Диего

Далее вы добавите новую секцию в Map Journal, знакомящую читателей с городом Сан Диего и его окрестностями. Этот раздел будет содержать веб-карту в основной области и текст с фотографией на боковой панели.

  1. Внизу боковой панели щелкните Добавить раздел.

    Добавить раздел

    Появится окно Добавить раздел.

  2. В качестве заголовка введите Сан Диего: второй по величине город в Калифорнии.
  3. Убедитесь, что в качестве опции Ресурсы отмечена Карта.
  4. Щёлкните меню Выберите или создайте карту и выберите Выберите карту.

    Выберите карту

    Откроется окно Выберите карту. По умолчанию открывается местоположение для выбора карт – Мои ресурсы – в которых находятся ресурсы вашей учётной записи. Но можно искать и в других источниках, например в вашей организации или общедоступных ресурсах на ArcGIS Online. Вы будете использовать веб-карту, которая опубликована на ArcGIS Online.

  5. Щёлкните стрелку рядом с Моими ресурсами и выберите ArcGIS Online.

    Выбор ArcGIS Online

  6. В поле поиска введите CreateMJSanDiego owner: StoryMaps и нажмите Enter.

    Поиск карт

    Подсказка:

    Если у вас уже есть готовая ссылка на URL для определённой веб-карты ArcGIS (https://www.arcgis.com/home/item.html?id=346b76ac939f474b80795b7a3427831c), можете получить доступ к ней непосредственно. Вы будете искать часть ID из её URL, в данном случае, 346b76ac939f474b80795b7a3427831c.

  7. Щёлкните карту Welcome to San Diego, принадлежащую StoryMaps.

    Эта веб-карта создана на ArcGIS Online. Она содержит некоторые районы и достопримечательности Сан Диего, а также маршруты паромов и троллейбусов. Но вам надо не просто отобразить эту карту, а её определённое местоположение.

  8. В опции Местоположение щёлкните Пользовательская конфигурация.

    Местоположение Пользовательская конфигурация

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

  9. Увеличьте карту, чтобы показать окрестности города Сан Диего, мексиканскую границу и окружающие горы.

    Карта окрестностей Сан Диего

  10. В окне Местоположение карты щёлкните Сохранить место на карте.

    Теперь текущий экстент карты будет по умолчанию отображаться в вашем приложении Story Map Journal. Вы также можете изменить ресурсы и всплывающие окна на карте, но для наших целей подходят установки по умолчанию.

  11. В окне Добавить раздел щелкните Далее.

    Далее надо добавить текст и фотографию на боковую панель.

  12. В текстовом окне введите следующую информацию о Сан Диего:

    Сан Диего расположен на берегу Тихого океана, 120 миль к югу от Лос-Анджелеса и 20 миль на север от Тихуаны.

  13. Дважды нажмите Enter, чтобы добавить две пустые строчки ниже текста.
  14. На панели инструментов текстового редактора щёлкните кнопку Вставить изображение, видео или веб-страницу.

    Вставить изображение, видео или веб-страницу

    Откроется окно. Оно похоже на то окно, в котором вы выбирали фотографию для Домашнего раздела.

  15. Щёлкните Flickr. Убедитесь, что в текстовом окне Esri Story Maps Demo, щёлкните Загрузить альбомы и выберите альбом Welcome to San Diego из Flickr.
  16. Щёлкните фотографию под названием Sunset Cliffs (скалы на закате).

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

  17. Щелкните Применить.

    Изображение и его подпись добавятся в окно.

  18. Прокрутите текстовое окно вниз и щёлкните ниже нового изображения и его подписи. Введите (или скопируйте и вставьте) следующий текст:

    Из Лос-Анджелеса до Сан-Диего можно добраться за два часа, либо на машине, либо по железной дороге Amtrak Pacific Surfliner.

    Хотя наибольшую известность округ Сан-Диего получил благодаря береговой линии, здесь есть ещё и горы. Лагуна-маунтинс в 80 км к востоку от города известны восхитительными видами государственного парка Анза-Боррего – огромной пустынной особо охраняемой природной территории, самого большого государственного парка в Калифорнии.

  19. Нажмите Добавить.

    Раздел добавится в Конструктор Map Journal. Он знакомит читателей с городом Сан-Диего и его окрестностями.

    Вводный раздел

    Подсказка:

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

Добавление секции об историческом центре города Сан-Диего

Далее надо добавить раздел, который увеличит карту и покажет читателям центр города Сан-Диего.

  1. Внизу боковой панели щелкните Добавить раздел.
  2. В качестве названия нового раздела введите Исторический центр города Сан-Диего.

    По умолчанию карта всё та же, Welcome to San Diego. В опции Местоположение всё ещё выбрана Пользовательская конфигурация с тем же местоположением, которое вы уже использовали чуть ранее. Вы используете ту же веб-карту, но измените местоположение.

  3. В опции Местоположение щёлкните Пользовательская конфигурация.
  4. Увеличьте карту так, чтобы надпись San Diego осталась посередине, аэропорт оказался в левом верхнем, а парк Balboa Park в правом верхнем углу.

    Центр города Сан-Диего

  5. В окне Местоположение карты щёлкните Сохранить место на карте.

    Помимо зелёных точек интереса, на карте также есть слой, показывающий маршруты паромов, и определённые районы. Можно также включить насколько дополнительных слоёв.

  6. В опции Содержание щёлкните Пользовательская конфигурация.
  7. В окне Содержание карты поставьте отметки возле тех слоёв, которые хотите показать, например Food (еда) или Trolley Lines (троллейбусные маршруты).
  8. Щёлкните Сохранить содержание карты.
    Примечание:

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

  9. Нажмите Следующая.

    Далее надо добавить текст и ещё несколько фотографий на боковую панель.

  10. В текстовом окне введите какой-нибудь текст о центре города Сан-Диего. Можете сочинить его сами, или использовать следующий текст:

    Начните свой визит в Сан-Диего с его оживлённого центра. Здесь, возле бухты Сан-Диего, находятся Конференц-центр, Гавань, бейсбольный стадион и ещё много всего интересного.

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

    Маленькая Италия – другой популярный район, в котором итальянские истоки сочетаются с модным современным дизайном.

    Щёлкая на зелёных точках, вы получите информацию о местах для развлечений, а на синих – о некоторых хороших местах, где можно поесть.

  11. Добавьте фотографию из уже знакомой вам учётной записи Flickr, чтобы представить центр города. Или можете взять по отдельной фотографии для Квартала Газовых фонарей и Маленькой Италии.
  12. Когда фотографии будут вставлены, щёлкните Добавить, чтобы завершить этот раздел.
    Подсказка:

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

  13. Сохраните Story Map Journal.
    Примечание:

    Включённые на карте слои не всегда отображаются в легенде. Автор веб-карты мог решить, что некоторые слои в легенде показывать не надо, даже если они видны на карте. Например, троллейбусные остановки и маршруты в легенде этой веб-карты не видны, даже если включить их на карте.

    Вы добавили новый раздел об историческом центре города Сан-Диего.

Добавление действий

Вы хотите, чтобы читатели могли щёлкать на названиях мест в описательной части истории, например Квартал Газовых фонарей или Маленькая Италия, и переходить к соответствующим местоположениям на карте. Чтобы это получалось интерактивно, автор должен добавить действия к истории. Действия могут изменять оформление карты, показывать другую карту, открывать фотографию или перескакивать к другому разделу журнала.

  1. В своём разделе Исторический центр города Сан-Диего щёлкните кнопка Редактировать, чтобы редактировать раздел.

    Кнопка Редактировать

  2. В окне Редактировать раздел выделите слова «Квартал Газовых фонарей».

    Когда текст подсвечен, становятся доступными опции Действия в истории.

    Опции Действия в истории

  3. Щёлкните кнопку Изменить ресурсы основной площадки.

    Изменить ресурсы основной площадки

  4. Если необходимо, в опции Медиа выберите Карта и выделите карту Welcome to San Diego.
  5. В опции Местоположение щёлкните Пользовательская конфигурация. Приблизьтесь к району Квартала Газовых фонарей и щёлкните Сохранить место на карте.
  6. Щёлкните Применить и затем Сохранить.

    Теперь текст, к которому вы применили действие, подчеркнут на боковой панели. Вам надо проверить как работает действие.

  7. На боковой панели щёлкните подчёркнутый текст Квартал Газовых фонарей.

    Карта переместится в указанное местоположение. Теперь вы получили что хотели, можно добавить всплывающую подсказку, которая будет привлекать аудиторию, предоставляя информацию об указанных местоположениях. Далее вы отредактируете действие в истории, чтобы по щёлчку на тексте появлялась всплывающая подсказка о Квартале Газовых фонарей.

    Примечание:

    После того, как действие в истории изменит то, что читатели видят на основной панели, над картой появится кнопка Назад. Эту кнопку можно использовать для возврата к предыдущему виду.

  8. Щелкните кнопку Редактировать.
  9. Если надо, вернитесь к тексту Квартал Газовых фонарей. Щёлкните кнопку Изменить ресурсы основной площадки.
  10. В опции Всплывающая информация щёлкните Пользовательская конфигурация.

    Карта активизируется и появится окно Всплывающее окно карты.

  11. На карте щёлкните зелёную точку в окрестностях Gaslamp Quarter.

    Всплывающая подсказка Квартала Газовых фонарей

  12. В окне Всплывающее окно карты щёлкните Сохранить конфигурацию.

    Теперь при запуске пользователем действия появится всплывающая подсказка для Квартала Газовых фонарей.

  13. Щёлкните Применить и затем Сохранить.

    Вы добавили действие к истории. При желании вы можете повторить эти шаги, чтобы добавить дополнительные действия для квартала Маленькая Италия.

  14. Сохраните Story Map Journal.

Предварительный просмотр Map Journal и публикация карты-истории

Вы создали несколько разделов и действий, теперь можно просмотреть как читатели будут видеть эту карту-историю Map Journal. Затем вы опубликуете её, чтобы другие смогли её прочитать.

  1. В верхней части конструктора Map Journal щёлкните Просмотр истории.

    Просмотр истории

    Карта-история откроется в новой закладке. Она выглядит точно так же, как её будут видеть читатели, с единственным исключением. Если вы видите индикаторы статуса в заголовке, они виды лишь владельцу карты-истории.

    Предварительный просмотр Map Journal

    В вашем приложении Map Journal всего три раздела. Дополнительно вы можете добавить ещё секции, показывая на этой же веб-карте другие районы, например парк Бальбоа, Ла-Холья и пляжи (Mission Beach и Pacific Beach). Также можно добавить заключительный раздел, используя фотографию из основной панели.

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

  2. Закройте предварительный просмотр и вернитесь в Конструктор Map Journal.
  3. В верхней части конструктора щёлкните кнопку Общий доступ.
  4. В окне Откройте доступ к истории измените настройку с частной на Общедоступный.
  5. Закройте окно Откройте доступ к истории.

    Прежде чем рекламировать свою карту-историю, перейдите в раздел Мои истории сайта Карты-истории. В разделе Мои истории можно загрузить образец своей истории и добавить строчку краткого описания и теги для поиска. Благодаря этим элементам вашу историю будет проще найти; также они пригодятся для социальных сетей.

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

Еще больше уроков вы найдете в Галерее уроков Learn ArcGIS.