Руководство пользователя

Руководство пользователя

Обзор всплывающих окон в конструкторе

Описывает, как включить всплывающие окна с информацией для выбранных данных в конструкторе Epsilon Metrics.

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

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

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

  1. На выбранном слое карты нажмите вкладку ВСПЛЫВАЮЩЕЕ ОКНО.

    Доступны две подкладки: КЛИКНУТЬ и НАВЕСТИ КУРСОР, на которых отображаются выбранный стиль всплывающего окна. Вы можете выбрать, какое действие использовать, или применить всплывающие окна при клике и при наведении для одного слоя карты. По умолчанию отображаются настройки всплывающих окон при клике.

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

  2. Выберите подкладку НАВЕСТИ КУРСОР.

  3. Выберите стиль СВЕТЛЫЙ для всплывающего окна.

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

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

hover

Всплывающие окна с изображениями

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

  1. Из вкладки ВСПЛЫВАЮЩЕЕ ОКНО выберите подкладку КЛИКНУТЬ.

  2. Выберите стиль ИЗОБРАЖЕНИЕ для всплывающего окна.

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

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

    image-column

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

image-popup

Пользовательские всплывающие окна с HTML

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

  • Во вкладке ВСПЛЫВАЮЩЕЕ ОКНО нажмите кнопку-переключатель со значением ЗНАЧЕНИЯ на HTML.

custom-html

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

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

  • Всплывающие окна не доступны при использовании анимации слоев карты.

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

  • Если у вас включено действие всплывающего окна НАВЕСТИ КУРСОР, функция наведения автоматически отключается при просмотре визуализаций на мобильных устройствах. Это сделано специально, чтобы не мешать прокрутке на телефонах.

  • Если вы включаете всплывающее окно стиля ИЗОБРАЖЕНИЕ, в связанном слое карты должен быть столбец с действительными URL-адресами изображений, чтобы это работало. Значения изображений должны быть публичными URL-адресами изображений, а не URL-адресом веб-сайта, на котором расположено изображение. Для получения дополнительной информации см. раздел Всплывающие окна с изображениями.

  • Если вы работаете с приложением через подключение, которое находится за брандмауэром или прокси-сервером, некоторые запросы могут быть заблокированы, и всплывающее окно с информацией может не отображаться. Убедитесь, что вы используете защищенное соединение HTTPS, которое шифрует ваши данные, чтобы ваш брандмауэр или прокси-сервер не блокировал эти конкретные запросы Epsilon Metrics.