Публикация карты в качестве веб-приложения

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

На этом занятии вы опубликуете свою карту вулканов в виде веб-приложения. Результат будет выглядеть, как веб-приложение ''Зоны опасности затопления лавой на острове Гавайи''. Если вы еще не видели это приложение, ознакомьтесь с ним сейчас. Если вы являетесь членом Центра анализа данных острова Гавайи, то найдете его в галерее веб-приложений. Если нет, то вы можете открыть это веб-приложение через общедоступный URL-адрес.

Образец изображения веб-приложения в Галерее.

Редактирование сведений об элементах веб-карты.

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

Шаги:
  1. Откройте в веб-браузере главную страницу ArcGIS Online: www.arcgis.com/home.
  2. В правом верхнем углу нажмите ссылку ''Вход''.
  3. Введите имя пользователя и пароль и нажмите кнопку ''Вход''.
    Страница ''Вход''.

    Откроется главная страница организации. (В случае входа с использованием персональной учетной записи откроется общедоступная главная страница ArcGIS Online. Это нормально.)

  4. На ленте над баннером нажмите кнопку ''Мое содержание''.
    Кнопка ''Мое содержание'' на главной странице организации
  5. На странице ''Мое содержание'' щелкните название одной из ваших карт вулканов острова Гавайи (достаточно одной) — откроется страница сведений.
    Перечень веб-карт на пользовательской странице ''Мое содержание''
    ПримечаниеПримечание:

    Если у вас нет ранее созданной карты вулканов, откройте хранящуюся в галерее организации веб-карту вулканических процессов на острове Гавайи, сохраните ее под другим именем, после чего откройте страницу сведений через меню "Мое содержание". (Если вы не являетесь членом Центра анализа данных острова Гавайи, вы можете открыть эту карту через общедоступный URL-адрес.)

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

  6. На странице сведений об элементе щелкните ''Редактировать''.
    Кнопка ''Редактировать'' на странице сведений об элементе.
  7. В блоке ''Описание'', при необходимости, выделите и удалите имеющийся текст.
  8. Скопируйте нижеследующий текст и вставьте его в текстовый редактор, например Блокнот. Затем скопируйте его из текстового редактора в блок ''Описание''.
    ПримечаниеПримечание:

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

    Гавайские острова поднялись из океана миллионы лет тому назад. Каждый остров состоит из одного или нескольких вулканов, которые сначала извергались на дне океана, а затем, за миллионы лет поднялись над его поверхностью. Остров Гавайи — редкое место, где можно наблюдать мощь действующих вулканов в удивительной близости. Это дом Мауна-Кеа и Килауэа — двух самых активных вулканов Тихоокеанского вулканического пояса (''огненного кольца''). Но за этой грозной красотой таится серьезная опасность. Жителям Гавайских островов приходится справляться с реальной опасностью лавовых потоков.

    Впервые границы и классификация зон опасности затопления лавой на острове Гавайи были картографированы Геологическим Комитетом США в 1974 году. Составленная классификационная схема делит остров на 18 основных зон, вероятность покрытия которых лавовыми потоками оценивается от 1 до 9. Уровни опасности определяются, прежде всего, местоположением и частотой предыдущих извержений (известных по письменным свидетельствам или из устных преданий островитян), а также геологическим картографированием и научным датированием потоков, оставленных доисторическими извержениями.

    Щелкните карту, чтобы отобразить изображения и информацию.

  9. Выделите последнюю фразу описания. На панели инструментов ''Описание'' нажмите кнопку ''Цвет объекта'' и выберите достаточно яркий цвет, например, оранжево-красный.
    Палитра цветов объекта
  10. Щелчком свободного места в блоке ''Описание'' отмените выделение.
    Последняя фраза после применения цвета объекта

    Такое форматирование не является необходимым, но, если ваше веб-приложение будет рассматриваться людьми, незнакомыми с картами ArcGIS Online, оно будет способствовать привлечению их внимания к всплывающим окнам.

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

    Нет. Данные и изображения в общественном домене.

  12. Если требуется, внесите в блок ''Список участников'' (внизу страницы) следующий текст:

    Hawaii State GIS Program, USGS (Программа ГИС штата Гавайи, Геологическая служба США)

  13. В нижней части страницы сведений об элементе щелкните ''Сохранить''.

Откройте карту и проверьте свойства ее легенды.

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

Шаги:
  1. Щелчком образца изображения (вверху страницы сведений об элементе) откройте карту.
    Эскиз карты на странице сведений
  2. На боковой панели нажмите кнопку ''Показать легенду''.
    Кнопка ''Показать легенду''

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

    Легенда веб-карты

  3. Скройте записи легенды для всех слоев, кроме трех вышеупомянутых.
    ПодсказкаПодсказка:

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

  4. Сохраните карту.

Публикация карты в качестве веб-приложения

Шаги:
  1. На ленте над картой нажмите кнопку ''Общий доступ''.
    Кнопка ''Общий доступ'' на ленте

    Чтобы опубликовать карту в виде веб-приложения, ее необходимо сделать общедоступной на некотором уровне. Если к вашей карте уже открыт общий доступ, перейдите к шагу 3.

  2. В диалоговом окне ''Общий доступ'' установите флажок, сделав элемент доступным для Центра анализа данных острова Гавайи.
    Установленный флажок разрешения совместного с организацией использования карты

    Станет доступной кнопка ''Создать веб-приложение''.

    ПримечаниеПримечание:

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

  3. Нажмите кнопку ''Создать веб-приложение''.
    Кнопка ''Создать веб-приложение''

    В диалоговом окне ''Общий доступ'' представлены доступные шаблоны веб-приложений.

  4. На странице 3 перечня найдите шаблон под названием ''Двухпанельный''. Под эскизом его рисунка щелкните стрелку вниз ''Опубликовать'' и выберите пункт ''Предварительный просмотр'''.
    Пункт ''Предварительный просмотр''' шаблона ''Двухпанельный''

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

  5. Кроме того, можно расширить окно веб-браузера.
    Предварительный просмотр веб-приложения

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

    ПримечаниеПримечание:

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

  6. Закройте вкладку или окно браузера, в котором был открыт предварительный просмотр веб-приложения.
  7. В диалоговом окне ''Общий доступ'', под образцом изображения ''Двухпанельный'', щелкните стрелку вниз ''Опубликовать'' и выберите пункт ''Опубликовать''.
    Ниспадающее меню ''Опубликовать'' с выбранным пунктом ''Опубликовать''
  8. В диалоговом окне ''Общий доступ'' добавьте название.
    Название веб-приложения в диалоговом окне ''Общий доступ''

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

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

Настройка приложения

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

Обведенный кружком значок шестеренки на эскизе шаблона

Шаги:
  1. На странице описания элементов веб-приложения нажмите кнопку ''Настроить приложение''.
    Кнопка ''Настроить приложение''.

    На панели (справа от веб-приложения) отобразятся настраиваемые свойства. У показанного шаблона можно изменить два параметра: текст, обозначающий владельца веб-приложения (этот текст отображается внизу веб-приложения) и цветовую схему.

  2. В текстовое поле ''Владелец'' введите Центр анализа данных острова Гавайи либо любое имя (по вашему усмотрению).
  3. Щелкните стрелку вниз ''Цветовая схема'' и выберите пункт ''Побережье''.
    Новые значения параметров владельца и цветовой схемы
  4. Щелкните ''Сохранить''.

    Параметры сохранены и представлены для предварительного просмотра в окне браузера.

  5. Вернитесь на страницу сведений об элементе веб-приложения. При необходимости, воспользуйтесь кнопкой ''Назад'' в браузере.
    ПримечаниеПримечание:

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

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

Шаги:
  1. На странице свойств элемента щелчком образца изображения откройте приложение для просмотра.
    Образец изображения веб-приложения
    Это принятый по умолчанию образец изображения картографических веб-приложений.

    Веб-приложение откроется в новой вкладке или окне браузера.

    Веб-приложение
  2. Потратьте немного времени и исследуйте веб-приложение, открывая его различные всплывающие окна. Закончив, закройте вкладку или окно браузера, в котором отображается веб-приложение.
    КАРТА И ПРИЛОЖЕНИЕ

    Веб-приложение определяется его исходной веб-картой. Любые изменения в содержании веб-карты, такие как добавление или удаление слоев, изменение символики или настройки всплывающих окон, автоматически вносятся в веб-приложение. Это же относится и к изменению сведений об элементах карты.

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

    Настраиваемые свойства веб-приложения не зависят от веб-карты.

Редактирование свойств элементов и общий доступ к веб-приложению

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

Шаги:
  1. На странице сведений об элементах веб-приложения (под образцом изображения) нажмите кнопку ''Редактировать''.
    Кнопка ''Редактировать''
  2. В блоке ''Описание'' введите описание приложения, либо скопируйте и вставьте следующий текст:
    ПодсказкаПодсказка:

    Возможно, копирование и вставку текста понадобится сделать через текстовый редактор, например Блокнот. Кроме того, после вставки текста вы можете захотеть сбросить свойства шрифта и размера на Verdana x-small.

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

    Готовое описание
  3. В блок ''Ограничения доступа и использования'' внесите следующий текст:

    Нет. Данные и изображения в общественном домене.

  4. В блок ''Список участников'' вставьте следующий текст:

    Hawaii State GIS Program, USGS (Программа ГИС штата Гавайи, Геологическая служба США)

  5. Внизу страницы нажмите кнопку ''Сохранить''.
  6. В верхней части страницы свойств элемента (под образцом изображения) нажмите кнопку ''Общий доступ''.
    Кнопка ''Общий доступ''
  7. В диалоговом окне ''Общий доступ'' установите флажок, соответствующий типу общего доступа к веб-приложению, затем щелкните OK.
    Диалоговое окно ''Общий доступ''
    ПодсказкаПодсказка:

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

Создание образца изображения (необязательно).

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

Шаги:
  1. Откройте веб-приложение, щелкнув образец изображения на странице свойств элементов веб-приложения.
    Стандартный образец изображения
  2. При необходимости, расширьте окно браузера, затем нажмите на клавиатуре компьютера клавишу печати экрана Print Screen.

    Изображение вашего веб-приложения скопировано в буфер обмена.

  3. На рабочем столе компьютера под управлением Windows щелкните Пуск > Все программы > Стандартные > Paint.
  4. На ленте в группе буфера обмена нажмите кнопку ''Вставить''.
    Кнопка ''Вставить'' приложения Microsoft Paint

    Изображение с экрана вставлено в окно графического редактора Paint. Необходимо обрезать изображение, но это будет проще сделать, сначала уменьшив его.

  5. На ленте в группе ''Изображение'' щелкните элемент ''Изменить размер''.
  6. В диалоговом окне ''Изменение размеров и наклона'' измените размер (в процентах, а не в пикселях) и установите флажок ''Сохранить пропорции''.
  7. Для горизонтального размера задайте значение 50 и щелкните OK.
    Диалоговое окно ''Изменение размеров и наклона''
    Функция сохранения пропорций автоматически изменит значение вертикального размера.
  8. На ленте в группе ''Изображение'' щелкните инструмент ''Выбор''.
    Инструмент ''Выбор'' в группе ''Изображение''.
  9. Очертите инструментом выбора ту часть изображения, которую хотите сохранить (исключая панели инструментов браузера и т. д.). На ленте в группе ''Изображение'' нажмите кнопку ''Обрезать''.
  10. На ленте в группе ''Изображение'' щелкните ''Изменить размер''.
  11. В диалоговом окне ''Изменение размеров и наклона'' установите для функции изменения размера единицу ''Пиксели'' и задайте для горизонтального размера значение 200.
    Диалоговое окно ''Изменение размеров и наклона''
    Значение вертикального размера изменится автоматически.

    Идеальный размер образца изображения — 200 пикселей на 133 пикселя. Эскиз с близкими к указанным размерами будет иметь хороший вид.

  12. Нажмите кнопку OK в диалоговом окне ''Изменение размеров и наклона''.
  13. В строке заголовка приложения Paint (над лентой) нажмите кнопку ''Сохранить''.
  14. В диалоговом окне ''Сохранить как'' оставьте место сохранения, принятое по умолчанию, или укажите другое.
  15. Введите имя файла, например Эскиз веб-приложения лавовых потоков. Если требуется, при сохранении задайте тип PNG (*.png).
    Нижняя часть диалогового окна ''Сохранить как''
    ПримечаниеПримечание:

    Образцы изображений можно сохранять в формате PNG, GIF или JPG.

  16. Щелкните ''Сохранить''.
  17. Перейдите на страницу сведений об элементах веб-приложения. (Она должна была остаться открытой во вкладке или в отдельном окне браузера.)
  18. На странице сведений об элементах нажмите кнопку ''Редактировать''.
  19. Щелчком откройте редактируемый эскиз.
  20. В диалоговом окне ''Загрузка эскиза'' нажмите кнопку ''Выбрать файл''. (В некоторых браузерах это кнопка ''Обзор''.)
  21. Перейдите к папке, в которой хранится изображение. Щелчком выделите изображение и щелкните ''Открыть''.
  22. Нажмите OK в диалоговом окне ''Загрузка эскиза''.
  23. На странице сведений об элементах нажмите кнопку ''Сохранить''.

    Отобразится новый образец изображения веб-приложения.

    Новый образец изображения веб-приложения

Далее

Теперь вы знаете, как создать веб-карту и опубликовать ее в виде веб-приложения. До сих пор вы создавали карты из карт и сервисов объектов, созданных другими людьми. Следующее учебное пособие будет посвящено добавлению к веб-карте данных из текстового файла. Способность создавать картографические данные из файлов формата TXT или CSV значительно расширит ваши возможности в области создания карт.

Список всех учебных пособий этой серии можно найти на странице Учебные пособия ресурсного центра ArcGIS.