Настройка всплывающих окон

Помощь / Учебные пособия / Организация

Вы уже присоединились к Центру анализа данных острова Гавайи?

Получить дополнительные сведения об организации

Присоединиться к организации

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

Открытие карты

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

    Откроется главная страница организации. Сайт изменился, поэтому новейшие карты и приложения могут выглядеть по другому.

    Главная страница организации

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

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

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

    На новой вкладке или в новом окне браузера откроется большая озаглавленная версия изображения.

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

    Если щелкнуть вулкан Лоихи, то под ним не будет зоны опасности.

  12. Закройте открытое всплывающее окно.

    Всплывающие окна придают веб-картам дополнительную привлекательность. Из каких же источников поступают сведения о вулканах и потоках лавы? Где хранятся изображения? Как пользователь может собрать все это в единое целое?

Удаление и включение всплывающих окон

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

Шаги:
  1. Отключите слой Границы опасных зон на панели ''Содержание''.
    В панели ''Содержание'' отключен слой ''Границы опасных зон''

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

  2. Наведите указатель мыши на слой Вулканы и щелкните появившуюся небольшую стрелку. В контекстном меню свойств слоя выберите пункт ''Удалить всплывающее окно''.
    Команда ''Удалить всплывающее окно'' в меню свойств слоя
  3. Щелкните объект вулкана на карте. Повторите попытку.

    Ничего не произойдет. Всплывающие окна удалены.

  4. Снова откройте свойства слоя Вулканы и выберите пункт ''Включить всплывающее окно''.
  5. Щелкните объект вулкана на карте и оставьте всплывающее окно открытым.
    Простое стандартное всплывающее окно для вулкана Мауна-Кеа.

    Всплывающее окно откроется с простыми настройками по умолчанию: список имен полей — слева, а соответствующие им значения — справа.

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

    Если значением поля является URL-адрес, по умолчанию отображается текст ''Подробнее''.

    ПРИНЯТЫЕ ПО УМОЛЧАНИЮ НАСТРОЙКИ ВСПЛЫВАЮЩИХ ОКОН

    Принятые по умолчанию настройки для всплывающего окна сервиса объектов — это список имен и значений полей. Владелец сервиса может сохранить новые настройки, воспользовавшись командой ''Сохранить свойства элемента'' в меню свойств слоя. (Эта команда доступна только для владельца сервиса). Эти новые настройки будут отображаться для любого пользователя, добавляющего сервис в качестве слоя карты. Именно поэтому всплывающее окно карты пользователя выглядит надлежащим образом без дополнительных усилий с его стороны. В пределах конкретной карты ее владелец может настраивать всплывающие окна по своему вкусу.

Настройка свойств простого всплывающего окна

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

Шаги:
  1. Откройте меню свойств слоя Вулканы и выберите пункт ''Настройка всплывающих окон''.

    Боковая панель изменится на ''Свойства всплывающего окна''.

    Панель ''Свойства всплывающего окна''
    По умолчанию название окна состоит из имени слоя (Вулканы) и имени поля, заключенного в фигурные скобки. В данном случае именем поля является значение NAME, и в нем хранятся названия вулканов. Имена полей работают как переменные, поэтому, когда пользователь щелкает вулкан на карте, в названии его всплывающего окна указывается название этого вулкана:
    Так выглядит на карте название всплывающего окна для вулкана Мауна-Кеа
  2. В блоке ''Название всплывающего окна'' выделите и удалите текст, предшествующий полю {NAME}.
    Блок ''Название всплывающего окна'', содержащий только поле NAME
  3. Ниже, в разделе ''Содержание всплывающего окна'', щелкните пункт ''Настроить атрибуты''.
    Ссылка ''Настроить атрибуты'' на панели "Свойства всплывающего окна''

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

    Диалоговое окно ''Настройка атрибутов''
  4. В диалоговом окне ''Настройка атрибутов'' в столбце ''Отображение'' снимите флажок в поле {NAME}.

    Имя вулкана уже появилось в названии всплывающего окна.

  5. Снимите также флажки в полях {PhotoCredit} и {Last_eruption}.
  6. Чтобы сделать текст редактируемым, в столбце "Псевдоним поля" щелкните значение VolcanoPicture. Вместо текущего значения введите значение Изображение.
    Поле VolcanoPicture со значением ''Изображение'' в качестве псевдонима
  7. В столбце ''Псевдоним поля'' щелкните Volcano_Thumb. Замените этот псевдоним словом Эскиз и нажмите кнопку ВВОД, чтобы выполнить редактирование.

    В диалоговом окне ''Настройка атрибутов''' должны отразиться выделенные ниже изменения:

    Диалоговое окно ''Настройка атрибутов''' с выделенными изменениями

  8. В столбце ''Имя поля'' щелкните {ELEVATION}.

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

  9. Щелкните стрелку вниз ''Формат'' и выберите 0 десятичных разрядов.
    Задание формата с нулевым количеством десятичных разрядов для поля ELEVATION
    ПримечаниеПримечание:

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

  10. Нажмите кнопку OK в диалоговом окне ''Настройка атрибутов''.
  11. В нижней части панели ''Свойства всплывающего окна'' нажмите кнопку ''Сохранить всплывающее окно''.
  12. Щелкните вулкан на карте.
    Всплывающее окно для вулкана Мауна-Кеа

    Во всплывающем окне отражаются изменения, внесенные в название и содержание.

  13. Щелкните одну из ссылок ''Подробнее''.

    При переходе по обеим ссылкам на новой вкладке или в новом окне браузера открывается изображение (полноразмерное или эскиз). Они работают, но не совсем привычным образом.

  14. Закройте открытые вкладки или окна браузера с изображениями вулкана.
  15. Закройте всплывающее окно на карте.
  16. Сохраните карту.

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

    ОТКУДА ПОСТУПАЕТ ИНФОРМАЦИЯ

    Настраивавшиеся выше поля (атрибуты) всплывающего окна содержались в исходных данных, на основании которых публикуется сервис. Это может быть набор пространственных данных, например шейп-файл или геоданные класса объекта, — в этом случае атрибуты принадлежат связанной с набором данных таблице, — или текстовый файл, или лист Excel. В любом случае, атрибуты и их значения хранятся в виде таблицы, строки которой представляют географические объекты, а столбцы содержат информацию об этих объектах. Пути к изображениям хранятся в виде текстовых строк, как в поле VolcanoPicture приведенного примера. Сами изображения должны храниться в доступном месте. Это может быть принадлежащий пользователю или общедоступный сервер, например сайт фотохостинга.

    Файл формата .csv с атрибутами вулкана

Настройка содержания всплывающего окна

Шаги:
  1. Откройте окно свойств слоя Вулканы и выберите пункт ''Настройка всплывающих окон''.
  2. Оставьте название всплывающего окна таким, каким настроили его в предыдущем разделе.
    Поле ввода заголовка всплывающего окна
  3. В разделе ''Содержание всплывающего окна'' щелкните стрелку вниз ''Отображение'' и выберите ''Настраиваемое отображение атрибутов''.
    Список вариантов ниспадающего меню для отображения содержания всплывающего окна
  4. Нажмите кнопку ''Настроить''.
    Кнопка ''Настроить'' на панели свойств всплывающего окна

    Откроется диалоговое окно ''Настраиваемое отображение атрибутов''. Оно состоит из большого пустого поля ввода и строки инструментов для форматирования.

    Диалоговое окно ''Настраиваемое отображение атрибутов''

  5. Щелкните в пустом поле ввода и введите Тип вулкана:, затем нажмите ПРОБЕЛ.
  6. На панели инструментов диалогового окна нажмите кнопку ''Добавить имя поля'' и выберите ТИП {TYPE}. (В ниспадающем списке будут содержаться оба поля: имени и псевдонима).
    Кнопка ''Добавить имя поля'' и ниспадающий список имен полей

    Поле ввода должно выглядеть следующим образом:

    Поле ввода настраиваемого отображения атрибутов
  7. В поле ввода выделите текст "Тип вулкана:" и нажмите кнопку ''Полужирный'' Кнопка ''Полужирный'' на панели инструментов.
  8. Для отмены выделения текста щелкните на пустом месте экрана.
    Поле ввода с текстом "Тип вулкана:", выделенным полужирным шрифтом
  9. При необходимости, щелкните в конце строки — за полем с именем {TYPE}, и нажмите ВВОД, чтобы начать новую строку.
  10. Выполните аналогичные шаги для добавления текста, выделения полужирным шрифтом и наименования полей для значений высоты и даты последнего извержения. Используйте следующее изображение в качестве руководства.
    Заполненное окно ''Настраиваемое отображение атрибутов''.
    ПримечаниеПримечание:

    В последнем разделе поле высоты было отформатировано для отображения без десятичных значений. Этот формат остается в силе.

  11. Нажмите OK в диалоговом окне ''Настраиваемое отображение атрибутов''.

Настройка мультимедиа всплывающего окна

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

Шаги:
  1. На панели ''Свойства всплывающих окон'' в разделе ''Мультимедиа во всплывающем окне'' нажмите кнопку ниспадающего меню ''Добавить'' и выберите пункт ''Изображение''.
    Список вариантов мультимедиа в меню кнопки ''Добавить''
  2. В диалоговом окне ''Настройка изображения'' выделите и удалите название по умолчанию (Изображение 1). Введите Фото:.
  3. Нажмите кнопку ''Добавить имя поля'' Добавить имя поля справа от блока ''Название''. Пролистайте список полей и выберите поле PhotoCredit{PhotoCredit}.
  4. В блоке ''Название'' щелкните между двоеточием и открывающей скобкой и нажмите ПРОБЕЛ.
    Поле ввода ''Название'' в диалоговом окне ''Настройка изображения''
    ПодсказкаПодсказка:

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

  5. В блоке ''Заголовок'' введите Для подробной информации щелкните изображение.
  6. Нажмите кнопку ''Добавить имя поля'' (справа от блока URL-адреса). Пролистайте список полей и выберите поле ''Эскиз {Volcano_Thumb}''.
    Поле ввода URL-адреса

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

  7. Нажмите кнопку ''Добавить имя поля'' (справа от поля ''Ссылка''). Пролистайте список полей и выберите поле ''Изображение {VolcanoPicture}''.
    Заполненное диалоговое окно ''Настройка изображения''

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

  8. Нажмите OK в диалоговом окне ''Настройка изображения''.
  9. В нижней части панели ''Свойства всплывающего окна'' нажмите кнопку ''Сохранить всплывающее окно''.
  10. Щелкните объект вулкана на карте.
    Всплывающее окно для вулкана Мауна-Лоа

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

    ПодсказкаПодсказка:

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

  11. Щелкните образец изображения для проверки ссылки, затем закройте вкладку или окно браузера с большим изображением.
  12. Закройте всплывающее окно на карте.
  13. Сохраните карту.

Самостоятельно: настройте всплывающие окна для опасных зон

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

  • Включите слой Границы опасных зон.
  • Откройте окно свойств этого слоя и выберите пункт ''Настроить всплывающее окно''.
  • В разделе ''Содержание всплывающего окна'' нажмите кнопку ''Настроить'' для просмотра текущих настроек содержания. Большая часть текста всплывающего окна сохраняется в поле с названием {Description}.
  • В разделе ''Мультимедиа во всплывающем окне'' дважды щелкните название изображения или нажмите кнопку ''Настройка мультимедиа'' Настройка мультимедиа для просмотра текущих настроек мультимедиа.

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

ПодсказкаПодсказка:

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

Далее

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

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