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

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

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

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

Набор данных

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

CustomerIssues

CustomerIssues

Дата	EmployeeNumber	CustomerIssues
8/1/2019	1	24
8/1/2019	2	31
8/1/2019	3	21
8/1/2019	4	42
8/1/2019	5	24
8/1/2019	6	40
8/1/2019	7	40
8/1/2019	8	19
8/1/2019	9	23
8/1/2019	10	47
8/1/2019	11	38
8/1/2019	12	21
8/1/2019	13	22
8/1/2019	14	15
8/1/2019	15	30
8/1/2019	16	46
8/1/2019	17	41
8/1/2019	18	31
8/1/2019	19	50
8/1/2019	20	27
8/1/2019	21	35
8/1/2019	22	38
8/1/2019	23	37
8/1/2019	24	31
8/1/2019	25	13
8/1/2019	26	11
8/2/2019	1	35
8/2/2019	2	31
8/2/2019	3	33
8/2/2019	4	14
8/2/2019	5	24
8/2/2019	6	33
8/2/2019	7	40
8/2/2019	8	14
8/2/2019	9	44
8/2/2019	10	24
8/2/2019	11	37
8/2/2019	12	39
8/2/2019	13	49
8/2/2019	14	16
8/2/2019	15	42
8/2/2019	16	13
8/2/2019	17	45
8/2/2019	18	48
8/2/2019	19	46
8/2/2019	20	18
8/2/2019	21	18
8/2/2019	22	45
8/2/2019	23	47
8/2/2019	24	31
8/2/2019	25	10
8/2/2019	26	21
8/3/2019	1	16
8/3/2019	2	34
8/3/2019	3	15
8/3/2019	4	44
8/3/2019	5	49
8/3/2019	6	18
8/3/2019	7	16
8/3/2019	8	41
8/3/2019	9	27
8/3/2019	10	46
8/3/2019	11	21
8/3/2019	12	49
8/3/2019	13	38
8/3/2019	14	30
8/3/2019	15	48
8/3/2019	16	17
8/3/2019	17	42
8/3/2019	18	48
8/3/2019	19	44
8/3/2019	20	44
8/3/2019	21	12
8/3/2019	22	44
8/3/2019	23	17
8/3/2019	24	24
8/3/2019	25	25
8/3/2019	26	33
8/4/2019	1	20
8/4/2019	2	45
8/4/2019	3	32
8/4/2019	4	37
8/4/2019	5	32
8/4/2019	6	50
8/4/2019	7	41
8/4/2019	8	14
8/4/2019	9	37
8/4/2019	10	39
8/4/2019	11	28
8/4/2019	12	35
8/4/2019	13	24
8/4/2019	14	19
8/4/2019	15	25
8/4/2019	16	26
8/4/2019	17	23
8/4/2019	18	45
8/4/2019	19	48
8/4/2019	20	36
8/4/2019	21	40
8/4/2019	22	21
8/4/2019	23	10
8/4/2019	24	42
8/4/2019	25	35
8/4/2019	26	26
8/5/2019	1	24
8/5/2019	2	28
8/5/2019	3	44
8/5/2019	4	19
8/5/2019	5	34
8/5/2019	6	37
8/5/2019	7	14
8/5/2019	8	26
8/5/2019	9	38
8/5/2019	10	25
8/5/2019	11	41
8/5/2019	12	35
8/5/2019	13	48
8/5/2019	14	36
8/5/2019	15	36
8/5/2019	16	37
8/5/2019	17	31
8/5/2019	18	44
8/5/2019	19	21
8/5/2019	20	28
8/5/2019	21	13
8/5/2019	22	10
8/5/2019	23	50
8/5/2019	24	35
8/5/2019	25	11
8/5/2019	26	39
8/6/2019	1	26
8/6/2019	2	14
8/6/2019	3	45
8/6/2019	4	27
8/6/2019	5	33
8/6/2019	6	21
8/6/2019	7	14
8/6/2019	8	45
8/6/2019	9	41
8/6/2019	10	35
8/6/2019	11	35
8/6/2019	12	13
8/6/2019	13	35
8/6/2019	14	26
8/6/2019	15	40
8/6/2019	16	14
8/6/2019	17	20
8/6/2019	18	23
8/6/2019	19	11
8/6/2019	20	23
8/6/2019	21	31
8/6/2019	22	48
8/6/2019	23	39
8/6/2019	24	50
8/6/2019	25	47
8/6/2019	26	40
8/7/2019	1	49
8/7/2019	2	39
8/7/2019	3	16
8/7/2019	4	28
8/7/2019	5	46
8/7/2019	6	37
8/7/2019	7	36
8/7/2019	8	15
8/7/2019	9	18
8/7/2019	10	25
8/7/2019	11	12
8/7/2019	12	37
8/7/2019	13	40
8/7/2019	14	35
8/7/2019	15	11
8/7/2019	16	12
8/7/2019	17	22
8/7/2019	18	16
8/7/2019	19	46
8/7/2019	20	39
8/7/2019	21	41
8/7/2019	22	26
8/7/2019	23	25
8/7/2019	24	34
8/7/2019	25	50
8/7/2019	26	41

EmployeeData

EmployeeData

Employee	EmployeeNumber	State	Longitude
Неру Поллард	1	2.1	-2.1
Дункан Белл	2	1.675	-2.1
Артур Миллер	3	2.1	-1.6
Латифа Рэндалл	4	1.675	-1.6
Гленна Джайлс	5	2.1	-1.1
Хаим Гейтс	6	1.675	-1.1
Элайджа Макгоуэн	7	2.1	-0.585
Серина Ричардс	8	1.675	-0.585
Нора О'Доннелл	9	2.1	0.595
Фиона Крейг	10	1.675	0.595
Кирестин Макгуайр	11	2.1	1.155
Франческа Уилкерсон	12	1.675	1.155
Вирджиния Сэнфорд	13	2.1	1.6
Бо Викс	14	1.675	1.6
Джастин Кук	15	2.1	2.2
Лисандра Слоан	16	1.675	2.2
Броуди Болл	17	2.1	2.6
Кирк Уэлч	18	1.675	2.6
Джулиан Макги	19	0.7	3.25
Джеффри Уилер	20	0.7	3.7
Картер Леонард	21	0.14	3.25
Ноэль Уотсон	22	0.14	3.7
Дэмиан Эверетт	23	-0.3	3.25
Джустина Фрейзер	24	-0.3	3.7
Маккензи Гарсия	25	-0.85	3.25
Герман Кэри	26	-0.85	3.7

Фоновое изображение

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

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

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) в качестве меры.
     • Выберите Расходящиеся классы в качестве цветовой схемы.