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

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

Подсказка:

Для точечных слоев с кластеризацией вы также можете настроить всплывающие окна для кластеров.

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

Опции конфигурации

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

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

Подсказка:
See an example Некоторые конфигурации показаны на этой карте калифорнийских пиков. На панели инструментов Содержание (темная) щелкните панель Слои и, включая по одному слою и щелкая на объектах карты, сравните настройки.

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

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

Чтобы удалить всплывающие окна из слоя, выполните следующие шаги:

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

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

  2. В Map Viewer откройте карту со слоем либо напрямую добавьте слой.
  3. На панели инструментов Содержание (тёмная) щёлкните Слои Layers, чтобы открыть панель Слои, и выберите слой с векторными данными, которые хотите показать во всплывающих окнах.
  4. На панели инструментов Настройки (светлая) щелкните Всплывающие окна Pop-ups и выключите переключатель Включить всплывающие окна.
  5. Чтобы включить всплывающие окна из слоя с отключенными всплывающими окнами, включите переключатель Включить всплывающие окна.

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

Чтобы настроить всплывающие окна, выполните следующие шаги:

Подсказка:

Можно использовать клавиши быстрого доступа для быстрого выполнения действий в Map Viewer. Чтобы увидеть полный список клавиш быстрого доступа в Map Viewer, нажмите Alt+? на Microsoft Windows или Option+? на Mac.

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

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

  2. В Map Viewer откройте карту со слоем либо напрямую добавьте слой.
  3. На панели инструментов Содержание (тёмная) щёлкните Слои Layers, чтобы открыть панель Слои, и выберите слой с векторными данными, которые хотите показать во всплывающих окнах.
  4. На панели инструментов Настройки (светлая) щелкните Всплывающие окна Pop-ups.
  5. Для слоев изображений дополнительно включите кнопку Игнорировать NoData, чтобы отключить информацию из всплывающих окон для областей с NoData на снимке.

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

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

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

  7. Щелкните Заголовок и введите заголовок всплывающего окна.
    1. Щелкните Добавить поле Add field и выберите поля из данных.
      Примечание:

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

    2. Также вместо значений полей можно ввести статический текст, или добавить его к значениям полей.

    Например, вы хотите, чтобы в заголовке отображались данные о населении по округам. Вы можете настроить заголовок, включая в него постоянный текст и значение поля, например, можно ввести текст Население в, вставить значение поля данных для названий округов {Cnty_name}, поставить знак равенства = и вставить значение другого поля с данными о населении {pop2010}. Это настроит заголовок следующим образом:

    Население в {Cnty_name} = {pop2010}

    Таким образом, формируется заголовок, в котором выполняется подстановка значений полей, например Население в округе Кларк = 453099.

  8. Щелкните Список полей.
  9. Введите заголовок для списка полей, отображаемых во всплывающем окне.
    1. Щелкните Добавить поле Add field и выберите значение поля или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы каждый объект имел уникальный заголовок.
    2. Также можно ввести статический текст, вместо значений полей, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы у списка полей был заголовок.
  10. Введите описание для списка полей.
    1. Щелкните Добавить поле Add field и выберите поле или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы у каждого объекта данных было уникальное описание.
    2. Также вместо значений полей можно ввести статический текст, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы у поля было описание.
  11. Измените порядок полей, удалите ненужные поля и щелкните Выбрать поля, чтобы добавить их в список.

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

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

  12. Дополнительно щёлкните Добавить ресурсы и добавьте во всплывающее окно такие мультимедиа-файлы, как изображения, диаграммы или текст.
  13. При желании используйте элементы контроля Изменить порядок Reorder, чтобы изменить порядок появления содержания.
  14. На панели инструментов Содержание щелкните кнопку Сохранить и открыть Save and open и нажмите Сохранить, чтобы сохранить изменения во всплывающем окне на карте.

Настройка полей

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

  1. На панели инструментов Настройки (светлая) щелкните Поля Fields.
  2. Выберите поле, которое хотите настроить.

    Подсказка:
    Вы можете выбрать несколько полей одного типа, чтобы одновременно настроить их форматирование.

    1. Измените отображаемое имя поля.
    2. Для числовых полей (численность населения) можно выбрать количество десятичных знаков и, надо ли использовать разделитель тысяч.
    3. Для полей дат, выберите формат даты из ниспадающего меню Формат даты. Чтобы отображались и дата и время для полей дат, отметьте Показать время и выберите формат отображения времени.
  3. Щелкните Готово.

Использование выражений

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

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

  1. Выполните первые четыре шага в разделе Настройка всплывающих окон, чтобы открыть панель Всплывающие окна для слоя, который хотите сконфигурировать.
  2. Щелкните Атрибутивные выражения.

    Откроется панель Атрибутивные выражения.

  3. Щёлкните Добавить выражение, чтобы открыть окно редактора, и постройте выражение.

    Подсказка:

    Если вам требуется помощь по использованию любой из функций Arcade, щелкните кнопку Информация рядом с соответствующей функцией для просмотра справочной информации.

  4. По окончании, щёлкните в редакторе OK.

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

    Новое выражение добавлено в список Атрибутивные выражения. Вы можете отредактировать его, выбрав его из списка и внеся изменения в редакторе. Чтобы удалить его, щелкните рядом с ним Удалить выражение Remove.

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

  5. На панели инструментов Содержание (темная) щелкните кнопку Сохранить и открыть Save and open и нажмите Сохранить, чтобы сохранить изменения во всплывающем окне на карте.

Добавление вложений

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

Примечание:

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

  1. Выполните первые четыре шага в разделе Настройка всплывающих окон, чтобы открыть панель Всплывающие окна для слоя, который хотите сконфигурировать.
  2. Щелкните Вложения.
  3. Введите заголовок для вложения.
    1. Щелкните Добавить поле Add field и выберите значение поля или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы каждый объект имел уникальный заголовок.
    2. Также можно ввести статический текст, вместо значений полей, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы был заголовок.
  4. Введите описание для вложения.
    1. Щелкните Добавить поле Add field и выберите поле или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы у каждого объекта данных было уникальное описание.
    2. Также вместо значений полей можно ввести статический текст, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы было описание.
  5. При желании включите кнопку Показать списком, чтобы показать вложения в виде списка.
  6. Дополнительно щелкните Опции Options и затем Удалить, чтобы удалить вложения из всплывающего окна.
  7. На панели инструментов Содержание (темная) щелкните кнопку Сохранить и открыть Save and open и нажмите Сохранить, чтобы сохранить изменения во всплывающем окне на карте.

Добавление изображений

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

Подсказка:

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

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

  1. Выполните первые четыре шага в разделе Настройка всплывающих окон, чтобы открыть панель Всплывающие окна для слоя, который хотите сконфигурировать.
  2. Щёлкните Добавить ресурс и выберите Изображение.
  3. Укажите URL-адрес изображения.
    1. Щелкните Добавить поле Add field и выберите поле или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы каждый объект имел уникальное изображение.
    2. Вы также можете указать URL-ссылку на изображение, которое хранится на стороннем веб-сайте, в ArcGIS Online, или в виде вложения в данных слоя. Поддерживаются форматы PNG, JPEG и GIF. Если изображение хранится, как элемент в ArcGIS Online, вам необходимо ввести адрес URL, скопированный из поля URL на странице элемента, которая доступна только в случае, если элемент изображения опубликован для публичного доступа.
  4. Щёлкните Опции для отображения дополнительных полей для заголовка, названия, ссылки и интервала обновления.
  5. Введите заголовок изображения.
    1. Щелкните Добавить поле Add field и выберите значение поля или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы каждый объект имел уникальный заголовок.
    2. Также можно ввести статический текст, вместо значений полей, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы был заголовок.
  6. Введите текст подписи.

    Подпись появляется рядом с заголовком и над изображением. Очень важно давать короткое описание изображения.

    1. Щелкните Добавить поле Add field и выберите поле или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы каждый объект имел уникальное название.
    2. Также вместо значений полей можно ввести статический текст, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы было название.
  7. Введите альтернативный текст для изображения.

    Альтернативный текст скрыт во всплывающем окне и используется программами чтения с экрана.

    1. Щелкните Добавить поле Add field и выберите поле или выражение из ваших данных. Используйте эту опцию, если хотите, чтобы каждый объект в ваших данных имел уникальный альтернативный текст.
    2. Также вместо значений полей можно ввести статический текст, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы у поля был альтернативный текст.
  8. Введите URL-адрес связанной ссылки.

    При щелчке на изображении этот URL-адрес откроется в новой вкладке браузера.

    1. Щелкните Добавить поле Add field и выберите поле или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы каждый объект имел уникальный URL-адрес.
    2. Дополнительно, введите URL-адрес связанной ссылки.
    3. Оставьте поле пустым, если не хотите, чтобы была связанная ссылка.
  9. При желании включите кнопку Интервал обновления и введите значение в минутах в текстовое окно, чтобы задать интервал обновления для изображения.

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

  10. Дополнительно щелкните кнопку Поменять порядок Reorder рядом с элементом в разделе Мультимедиа и переместите его в новое положение, если у вас более одного изображения (или другого мультимедиа-элемента) и вы хотите изменить порядок их отображения во всплывающем окне.
  11. На панели инструментов Содержание (темная) щелкните кнопку Сохранить и открыть Save and open и нажмите Сохранить, чтобы сохранить изменения во всплывающем окне на карте.

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

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

  1. Выполните первые четыре шага в разделе Настройка всплывающих окон, чтобы открыть панель Всплывающие окна для слоя, который хотите сконфигурировать.
  2. Щёлкните Добавить ресурс и выберите Диаграмма.
  3. Выберите тип диаграммы, которую вы хотите отображать.
  4. Введите заголовок диаграммы.
    1. Щелкните Добавить поле Add field, чтобы выбрать поле или выражение из ваших данных.
    2. Также можно ввести статический текст, вместо значений полей, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы был заголовок.
  5. Введите подсказку для диаграммы.

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

    1. Щелкните Добавить поле Add field, чтобы выбрать поле или выражение из ваших данных.
    2. Также можно ввести статический текст, вместо значений полей, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы было название.
  6. Введите альтернативный текст для диаграммы.

    Альтернативный текст скрыт во всплывающем окне и используется программами чтения с экрана.

    1. Щелкните Добавить поле Add field и выберите поле или выражение из ваших данных. Используйте эту опцию, если хотите, чтобы каждый объект в ваших данных имел уникальный альтернативный текст.
    2. Также вместо значений полей можно ввести статический текст, или добавить его к значениям полей.
    3. Оставьте поле пустым, если не хотите, чтобы у поля был альтернативный текст.
  7. Щёлкните Выбрать поля и выберите поля для включения в диаграмму.
  8. Дополнительно включите кнопку Горизонтальная ориентация, чтобы показать диаграмму горизонтально.
  9. Дополнительно включите кнопку Нормализовать и выберите поле для нормализации.

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

  10. Дополнительно щелкните Поменять порядок Reorder рядом с элементом в разделе Мультимедиа и переместите его в новое положение, если у вас более одного графика (или другого мультимедиа-элемента) и вы хотите изменить порядок их отображения во всплывающем окне.
  11. На панели инструментов Содержание (темная) щелкните кнопку Сохранить и открыть Save and open и нажмите Сохранить, чтобы сохранить изменения во всплывающем окне на карте.

Добавление текста

Вы можете включать текст в ваши всплывающие окна, чтобы добавить контекст и информацию.

  1. Выполните первые четыре шага в разделе Настройка всплывающих окон, чтобы открыть панель Всплывающие окна для слоя, который хотите сконфигурировать.
  2. Щёлкните Добавить ресурс и выберите Текст.

    Будет добавлен текстовый элемент и откроется текстовый редактор.

  3. В текстовом редакторе выполните одно из следующих действий:
    • Введите { и выберите поле или выражение из ваших данных. Используйте эту опцию, если вы хотите, чтобы каждый объект в ваших данных имел уникальный текст.
    • Введите простой текст в текстовый редактор.
    • Используйте инструменты форматирования текста для форматирования текста.
    Подсказка:
    Чтобы обеспечить максимальный контроль и гибкость отображения, вы также можете использовать поддерживаемый HTML-код во всплывающих окнах, щелкнув ИсточникИсточник в текстовом редакторе.
  4. Нажмите OK.
  5. На панели инструментов Содержание (темная) щелкните кнопку Сохранить и открыть Save and open и нажмите Сохранить, чтобы сохранить изменения во всплывающем окне на карте.

Добавление элемента Arcade

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

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

  1. Выполните первые четыре шага в разделе Настройка всплывающих окон, чтобы открыть панель Всплывающие окна для слоя, который хотите сконфигурировать.
  2. Щёлкните Добавить ресурс и выберите Arcade.

    Появится окно редактора.

  3. Выберите шаблон на вкладке Шаблоны и создайте выражение.
    Подсказка:
    Элементы Arcade возвращают словарь, который определяет ваш элемент всплывающего окна. Шаблоны помогают начать работать с правильной структурой словаря. Более подробно о структуре элементов всплывающего окна и профиле элементов всплывающего окна в Arcade.
  4. По окончании, щёлкните в редакторе OK.
    Подсказка:
    Перед тем, как закрыть редактор, задайте для элемента Arcade заголовок, чтобы его можно было легко идентифицировать в списке элементов содержимого всплывающего окна.
  5. На панели инструментов Содержание (темная) щелкните кнопку Сохранить и открыть Save and open и нажмите Сохранить, чтобы сохранить изменения во всплывающем окне на карте.