Настройка всплывающих окон
Всплывающие окна - это важный аспект веб-картографии. Они позволяют публиковать дополнительную информацию по каждому объекту карты. Они могут прояснить информацию, передаваемую с помощью символов. Они могут включать в себя диаграммы и фотографии, которые дают более полный контекст. Все, что присутствует в таблице атрибутов слоя, может быть передано через всплывающее окно.
Учитывая, что во всплывающее окно можно включить так много информации, важно тщательно продумать, что именно следует включить. В этом руководстве вы создадите всплывающие окна для двух слоев. В одном из них будет отображаться только название объекта, в то время как в другом будет использоваться более сложное форматирование.
Создание простых всплывающих окон
Не каждый слой на карте должен иметь всплывающие окна. Ненужные всплывающие окна мешают просмотру нужных, затрудняя изучение карты. На вашей карте всплывающие окна полезны только для двух слоев: LakeDistrictFells и National Parks (England). Эти слои видны не одновременно, поэтому их всплывающие окна не будут конфликтовать друг с другом. Вы начнете с отключения всплывающих окон для всех остальных слоев и настройки простых всплывающих окон для слоя парков.
- Если вы выполнили предыдущее руководство Картографические произведения – Настройка базовой карты, войдите в учетную запись ArcGIS или на портал ArcGIS Enterprise. Откройте заново веб-карту Lake District National Park.
- Если вы не завершили выполнение предыдущего руководства, откройте веб-карту Lake District National Park 3. Щелкните Войти и войдите с использованием учетной записи ArcGIS. На панели инструментов Содержание щелкните кнопку Сохранить и открыть и щелкните Сохранить как. В Заголовке уберите цифру 3. Щелкните Сохранить.
Примечание:
Если у вас нет учетной записи ArcGIS, см. опции доступа к программному обеспечению.
- При необходимости щелкните в панели Содержание (темной) кнопку Слои, чтобы открыть панель Слои.
- На панели Слои выберите слой Lake District National Park.
Рядом со слоем появляется синяя полоса, если он выбран.
- На панели инструментов Настройки (светлая) щелкните кнопку Всплывающие окна. На панели Всплывающие окна выключите переключать Включить всплывающие окна.
- Также выключите всплывающие окна для слоев Clip, Lakes и Rivers.
- Уменьшайте карту пока не увидите всю Англию и ее национальные парки.
- Выберите слой National Parks (England).
Одно из его всплывающих окон появляется на карте. Оно включает в себя таблицу с шестью полями. Единственная информация, которая необходима для этой карты, — это название каждого парка. Вы удалите таблицу.
- На панели Всплывающие окна рядом со Списком полей щелкните кнопку Опции и щелкните Удалить.
- Щелкните Заголовок.
Имя слоя не является необходимой информацией для этой карты. Постарайтесь удалить с карт ненужную информацию, поскольку она может замедлить, затруднить или даже запутать чтение вашей карты. В этом случае имя слоя заслоняет важную информацию: название парка.
- Удалите весь текст перед {NAME}.
Текст в фигурных скобках используется для ссылки на имена полей в векторном слое.
- На карте щелкните по разным паркам, чтобы убедиться, что названия всплывающих окон изменились.
Форматирование текста всплывающего окна
Далее вы настроите всплывающие окна для слоя LakeDistrictFells. Вы добавите текст и отформатируете его для большей наглядности.
- Увеличивайте масштаб изображения на карте до тех пор, пока снова не появятся символы треугольника.
- На панели Слои щелкните слой LakeDistrictFells, чтобы выбрать его.
Появится всплывающее окно для слоя LakeDistrictFells.
- На панели Всплывающие окна щелкните Заголовок. Удалите весь текст, за исключением {Name}.
Всплывающее окно содержит таблицу со множеством полей. Хотя они предоставляют интересную информацию о каждой горе, большинство из них не имеют отношения к этой конкретной карте и ее целям. Вы удалите список полей и замените его отформатированным текстом.
- Рядом со Списком полей щелкните кнопку Опции и щелкните Удалить.
- Щёлкните Добавить ресурс и щелкните Текст.
- В текстовом окне введите или скопируйте и вставьте следующее:
Щелкните здесь, чтобы увидеть фотографию {Name}.
Высота: {Metres} метров
Высота — это разница высот между вершиной горы и уровнем моря.
Относительная высота: {Drop_} метров
Относительная высота или перепад высот - это разница высот между вершиной горы и самой низкой горизонталью, которая ее окружает, но без каких-либо других более высоких вершин.
Подсказка:
Щёлкните правой кнопкой мыши и выберите Вставить как обычный текст, чтобы скопировать без форматирования.
Этот текст повторяет информацию, которая уже закодирована в символах треугольника: высоту и относительную высоту каждой вершины. Однако всплывающее окно может сообщать более точные значения, чем размер и цвет каждого символа. Оно также дает возможность объяснить разницу между высотой и относительной высотой.
- Выделите вторую строку текста (Высота: {Metres} метров). На панели инструментов щелкните кнопку Полужирный.
- Также выделите полужирным шрифтом четвертую строку текста (Относительная высота: {Drop_} метров).
- Нажмите OK.
Текст появится во всплывающем окне. Каждое из двух чисел имеет два десятичных знака.
Такая точность не является необходимой для вашей карты и только усложняет понимание цифр. Вы упростите их, изменив форматирование.
- В панели инструменов Настройки нажмите кнопку Поля. На панели Поля щелкните Height (m).
- В окне Форматирование для параметра Число значащих цифр выберите 0 Десятичных знаков.
- Щелкните Готово.
- Отформатируйте поле Prominence (m) так, чтобы в нем также использовалось ноль знаков после запятой.
Во всплывающем окне числа больше не отображают десятичные значения.
Напишите атрибутивное выражение
Затем вы добавите ссылку на фотографию каждой горы.
Слой LakeDistrictFells не имеет поля со ссылками на фотографии, но имеет поле с идентификационным номером для каждой вершины. На сайте hillsummits размещены фотографии каждой вершины, а URL-адрес каждой страницы с фотографиями включает идентификационный номер вершины. Далее вы создадите атрибутивное выражение, которое создает уникальный URL-адрес для каждой горной вершины на основе ее идентификационного номера. Эти URL-адреса будут ссылаться на фотографию каждой вершины.
- Откройте заново панель Всплывающие окна.
Вы можете создать атрибутивное выражение, которое создаст ссылку для каждого объекта.
- В разделе Опции щелкните Атрибутивные выражения.
- Щелкните Добавить выражение.
- В поле выражение удалите существующий текст и введите либо скопируйте и вставьте "http://hillsummits.org.uk/htm_portrait/"++".htm"
Кавычки указывают на текстовые значения. Знаки «плюс» позволяют добавлять дополнительный текст между двумя частями URL-адреса.
- Поместите курсор между двумя знаками «плюс» и нажмите кнопку Переменные профиля.
- Щелкните стрелку рядом с $feature.
- Прокрутите список полей и щёлкните $feature.Number.
Выражение примет вид "http://hillsummits.org.uk/htm_portrait/"+$feature.Number+".htm".
В поле Number хранится идентификационный номер для каждой вершины.
- Щелкните Запустить.
В окне Результат появится URL-адрес. В нем $feature.Number заменяется четырех- или пятизначным числом.
- Щелкните Готово.
На панели Атрибутивные выражения указано новое выражение с именем {expression/expr0}.
- Сверху на панели Атрибутивные выражения нажмите кнопку Назад.
- При необходимости разверните раздел Текст. Щелкните Редактировать текст.
- В окне редактирования текста, в первой строке, выделите слово здесь. На панели инструментов щелкните кнопку Ссылка.
- Для URL-адреса ссылки введите {expression/expr0}. Щелкните Сохранить.
- Не снимая выделения с текста здесь, щелкните кнопку Полужирный.
- Нажмите OK.
- Во всплывающем окне щелкните ссылку здесь.
Примечание:
Если всплывающее окно не отображается, увеличьте масштаб карты и щелкните один из символов треугольника.
Откроется новая вкладка браузера с фотографией выбранной горы. У вас нет прав на добавление этих фотографий непосредственно на карту, но вы можете предоставить ссылку, чтобы люди могли их посмотреть.
- Закройте новую вкладку браузера.
Добавьте схему во всплывающее окно
Многие люди, читающие вашу карту, возможно, не знакомы с термином Относительная высота. Хорошая карта гарантирует, что люди поймут представленную на ней информацию. Это означает, что в дополнение к символике и легендам часто необходимы объяснения и описания. Вы добавите во всплывающее окно текст и схему, которые помогут объяснить разницу между высотой и относительной высотой.
- На панели Всплывающие окна щелкните Добавить ресурс и выберите Изображение.
- Для URL, введите или скопируйте и вставьте https://www.arcgis.com/sharing/rest/content/items/5172c58b3caf4361b612878d5f5da9e2/data.
Примечание:
Это изображение размещено в качестве элемента в ArcGIS Online. Чтобы узнать, как размещать изображения, ознакомьтесь со статьей Добавление и использование фотографий и изображений в ArcGIS Online в блоге.
- Для Заголовка введите Высота (h) и относительная высота (p). Для Альтернативного текста введите Схема, описывающая высоту и относительную высоту.
Включение альтернативного текста помогает сделать вашу карту более доступной.
- Щелкните Готово.
Во всплывающем окне появится схема, сравнивающая измерения высоты с измерениями относительной высоты. Их цвета соответствуют карте. Соответствующие цвета помогают создать более гармоничный дизайн.
- На панели инструментов Содержание щелкните кнопку Сохранить и открыть и щелкните Сохранить.
Теперь вы настроили всплывающие окна для двух слоев. Вы создали простые всплывающие окна для слоя National Parks (England), в которых отображается только название каждого парка. Вы создали сложные всплывающие окна для слоя LakeDistrictFells, используя форматирование текста, свойства поля, атрибутивное выражение и схему.
Примечание:
В дальнейшем вы можете настроить всплывающие окна с помощью HTML. Ознакомьтесь со статьей Начальные шаги по форматированию всплывающих окон с помощью HTML в блоге, чтобы получить инструкции по использованию того же всплывающего окна, которое вы только что создали.
Настройка надписей
Всплывающие окна означают, что надписи играют гораздо меньшую роль на веб-картах, чем на печатных картах, но это не означает, что от надписей следует полностью отказаться. Если вы можете избавить кого-то от необходимости открывать всплывающее окно, заранее предоставив информацию в надписи, вы упростите чтение карты.
Надписи для холмов
В то время как люди могут найти название каждой горы во всплывающем окне, можно облегчить чтение карты, снабдив ее надписями для наиболее выдающихся вершин. Это поможет людям найти расположение вершин, о которых они, возможно, слышали.
- На панели инструментов Настройки щелкните кнопку Надписи. Убедитесь, что выбран слой LakeDistrictFells на панели Надписи.
- Щелкните Добавить класс надписей.
- Для Поле надписи выберите Имя.
Надписи появятся на карте. Здесь много надписей, из-за чего карта кажется переполненной. Вы не можете показать надписи для каждой горы, да вам это и не нужно. Вы создадите фильтр таким образом, чтобы были надписаны только самые выдающиеся горы.
- Щелкните Редактировать фильтр надписей.
- Щелкните Добавить новое. Используйте меню, чтобы построить выражение, Prominence (m) не менее 250.
Большинство надписей на карте пропадет. Пороговое значение 250 является произвольным, и при разработке собственных карт вам придется экспериментировать, чтобы сделать выбор, подобный этому, который сбалансирует информацию и беспорядок.
- Закройте окно Фильтр.
Затем вы измените стиль надписей, чтобы они соответствовали остальной части карты.
- Щелкните Редактировать стиль надписей.
- Измените шрифт на Noto Sans Bold и размер на 16.
Жирный шрифт легче читать на переполненных картах. Noto Sans — это шрифт, который также доступен в ArcGIS StoryMaps, который вы будете использовать позже для создания компоновки для карты. Использование одного и того же шрифта на карте и в компоновке поможет сделать вашу карту более единообразной и профессиональной.
- Нажмите на меню Цвет. Для #, введите 202e03.
Это тот же цвет, который вы использовали ранее для контура и тени парка.
- Щелкните Готово.
- Для Гало измените Цвет на dae3d3 и размер на 2.
Этот цвет соответствует фону, на котором чаще всего появляются надписи.
Гало визуально загромождают карту, но они полезны на загруженном фоне, поскольку позволяют сохранять читаемость надписей независимо от цветов и деталей за ними. Цвет гало должен иметь высокий контраст с цветом надписи и быть похожим на наиболее распространенный цвет фона.
- Закройте окно Стиля надписей.
Теперь надписи стало легче читать, но они не обязательно должны быть видны во всех масштабах. Вы настроите их видимый диапазон таким образом, чтобы они появлялись только при увеличении масштаба карты.
- В разделе Видимый диапазон установите меню Города и Комната.
Надпись для Lake District
Также можно задать надпись для слоя Lake District National Park. Вы будете использовать ArcGIS Arcade для настройки текста надписи.
- Уменьшайте масштаб до тех пор, пока горы не исчезнут и не останется только национальный парк Lake District.
- В верхней части панели Надписать объекты щелкните черный баннер и выберите Национальный парк Lake District.
- Щелкните Добавить класс надписей. Убедитесь, что Поле надписи установлено на NAME.
Сначала вы убедитесь, что надпись соответствует стилю других надписей на вашей карте.
- Щелкните Редактировать стиль надписей.
- Измените шрифт на Noto Sans Regular и размер на 18.
- Измените цвет на 202e03, а цвет гало на dae3d3.
Подсказка:
Эти цвета могут быть доступны в списках недавно использованных цветов.
- Измените размер гало на 2.
- Закройте окно Стиля надписей.
На карте надпись сейчас выглядит как LAKE DISTRICT. Вы будете использовать Arcade, чтобы добавить текст NATIONAL PARK в конец.
- На панели Надписать объекты рядом с NAME щелкните кнопку выражения.
- После текста $feature[“NAME”] введите или скопируйте и вставьте + TextFormatting.NewLine + “NATIONAL PARK”.
Константа TextFormatting.NewLine разобьет текст на две строки.
- Щелкните Запустить. Если ошибка не обнаружена, щелкните Готово.
Надпись на карте обновится. Текст состоит из двух строк.
- В разделе Видимый диапазон установите меню Округ и Городская территория.
- Увеличьте или уменьшите карту.
Надпись появляется только в одном масштабе. Позже, когда вы будете проводить людей по своей карте, вы остановитесь на этом масштабе.
- На панели инструментов Содержание щелкните кнопку Сохранить и открыть и щелкните Сохранить.
В этом руководстве вы настроили всплывающие окна и метки для карты холмов в Национальном парке Lake District. Вы узнали, как форматировать текст, создавать атрибутивные выражения и добавлять изображения во всплывающие окна. Вы узнали, как стилизовать и фильтровать надписи. Теперь ваша веб-карта готова. В следующем руководстве вы будете использовать ArcGIS StoryMaps для создания хореографической версии вашей карты, которой вы сможете поделиться с другими.
