Перейти к основному содержимому

Создание карты с фоновым слоем изображения

НА ЭТОЙ СТРАНИЦЕ

Создание карты с фоновым слоем изображения

Можно использовать изображения в качестве пользовательских базовых карт в визуализациях карт. Можно настроить отображение данных поверх плана этажей.

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

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

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

Набор данных

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

Порядок построения

Выполните следующие действия.

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

    • Измените значение параметра Базовая карта на Отсутствует.
    • Измените значение параметра Проекция на Определяется пользователем (градусы).
  4. В разделе ВидПредставление выполните следующие действия.

    • Установите для параметра Масштабная линейка значение Выкл.
    • Установите для параметра Ограничить уровень увеличения значение Пользовательский и задайте масштаб Увеличение в 7/8 раз.
  5. Добавьте фоновый слой для диаграммы карты и в разделе Данные выполните следующие действия.

    • В разделе Формат выберите Изображение.
    • Введите в поле URL-адрес следующее: https://help.qlik.com/en-US/sense/Subsystems/Hub/Content/Resources/Images/ui_map-image-background-example.png.
    • В разделе Левый верхний угол установите значение 2,5 для Верхний (широта) и значение –4,1 для Левый (долгота).
    • В разделе Правый нижний угол установите значение –2,5 для Нижний (широта) и 4,1 для Правый (долгота).
  6. Добавьте слой точек на диаграмму карты и выполните следующие действия.

    • В разделе Данные добавьте сотрудника в качестве значения поля.
    • В разделе Местоположение выберите Поля широты и долготы. Установите Широта в качестве Поле широты и Долгота в качестве Поле долготы.
    • В разделе Размер и форма установите Размер поAvg(CustomerIssues).
    • В разделе Цвет выполните следующие действия.

      • Установите для параметра Цвет значение Пользовательский и цвет По мере.
      • Выберите Avg(CustomerIssues) в качестве меры.
      • Выберите Расходящиеся классы в качестве цветовой схемы.