Руководство пользователя
Обзор всплывающих окон в конструкторе
Описывает, как включить всплывающие окна с информацией для выбранных данных в конструкторе Epsilon Metrics.
Всплывающее информационное окно обеспечивает взаимодействие с данными на визуализации карты, позволяя отображать выбранные столбцы из набора данных при выборе точки, линии или полигона. Это полезный способ представления данных зрителю. В этом руководстве описывается, как включить всплывающие окна для слоя карты.
Выбор стилей всплывающих окон
Вы можете определить, когда всплывающее окно появляется - при клике или при наведении, выбрать данные, которые отображаются в окне всплывающей информации, переименовать отображаемые элементы и настроить цвет и ширину всплывающего окна.
-
На выбранном слое карты нажмите вкладку ВСПЛЫВАЮЩЕЕ ОКНО.
Доступны две подкладки: КЛИКНУТЬ и НАВЕСТИ КУРСОР, на которых отображаются выбранный стиль всплывающего окна. Вы можете выбрать, какое действие использовать, или применить всплывающие окна при клике и при наведении для одного слоя карты. По умолчанию отображаются настройки всплывающих окон при клике.
В этом руководстве будут применены оба действия к слою.
-
Выберите подкладку НАВЕСТИ КУРСОР.
-
Выберите стиль СВЕТЛЫЙ для всплывающего окна.
-
Используйте флажок рядом с именем столбца, который вы хотите отобразить в окне всплывающей информации.
На следующем изображении показаны некоторые из этих выбранных опций и внешний вид всплывающего окна при наведении в режиме представлении карты в конструкторе.
Всплывающие окна с изображениями
Вы можете включить изображение в заголовок вашего всплывающего окна, если в слое карты есть столбец с действительными URL-адресами изображений. Это полезно, если вы хотите включить логотип компании или настраиваемое изображение в заголовок всплывающего окна с информацией. В этом руководстве мы покажем фотографию выбранного сотрудника при щелчке.
-
Из вкладки ВСПЛЫВАЮЩЕЕ ОКНО выберите подкладку КЛИКНУТЬ.
-
Выберите стиль ИЗОБРАЖЕНИЕ для всплывающего окна.
-
При использовании изображений во всплывающих окнах установите флажок рядом с столбцом, содержащим URL изображения.
Всплывающее окно отобразит
NON-VALID PICTURE URL
, если к выбранным данным не прикреплено изображение. URL изображения должны быть сохранены в виде столбца в вашей таблице. Убедитесь, что слой карты содержит столбец типаstring
с URL изображения, которое вы хотите отобразить в заголовке всплывающего окна. (В зависимости от вашего браузера доступные параметры для доступа к свойствам изображения могут отличаться).
На следующем примере показано изображение всплывающего окна, которое отображается при щелчке на точку.
Пользовательские всплывающие окна с HTML
Для опытных пользователей, удобно владеющих HTML, вы можете изменять макет всплывающего окна, создавать статический контент и встраивать внешние ресурсы непосредственно в HTML-код выбранного слоя карты.
- Во вкладке ВСПЛЫВАЮЩЕЕ ОКНО нажмите кнопку-переключатель со значением ЗНАЧЕНИЯ на HTML.
Поведение всплывающих окон
Обратите внимание на следующее поведение при использовании всплывающих окон.
-
Всплывающие окна не доступны при использовании анимации слоев карты.
-
При включении всплывающих окон для нескольких слоев порядок слоев отражает порядок отображения. Вам может потребоваться настроить стили каждого слоя, чтобы избежать конфликтующих элементов и/или изменить иерархический порядок отображения слоев. Например, если включены всплывающие окна для двух слоев, то в областях, где слой ниже закрыт слоем сверху, будет отображено только всплывающее окно верхнего слоя.
-
Если у вас включено действие всплывающего окна НАВЕСТИ КУРСОР, функция наведения автоматически отключается при просмотре визуализаций на мобильных устройствах. Это сделано специально, чтобы не мешать прокрутке на телефонах.
-
Если вы включаете всплывающее окно стиля ИЗОБРАЖЕНИЕ, в связанном слое карты должен быть столбец с действительными URL-адресами изображений, чтобы это работало. Значения изображений должны быть публичными URL-адресами изображений, а не URL-адресом веб-сайта, на котором расположено изображение. Для получения дополнительной информации см. раздел Всплывающие окна с изображениями.
-
Если вы работаете с приложением через подключение, которое находится за брандмауэром или прокси-сервером, некоторые запросы могут быть заблокированы, и всплывающее окно с информацией может не отображаться. Убедитесь, что вы используете защищенное соединение HTTPS, которое шифрует ваши данные, чтобы ваш брандмауэр или прокси-сервер не блокировал эти конкретные запросы Epsilon Metrics.