이미지 백그라운드 레이어가 있는 맵 만들기

맵 시각화에서 이미지를 사용자 지정 기본 맵으로 사용할 수 있습니다. 평면도에 데이터를 표시할 수 있습니다.

이 맵 차트 예는 포인트 레이어가 있는 사무소 평면도를 표시합니다. 각 거품은 직원의 데스크 위에 있습니다. 직원이 하루에 처리하는 주별 평균 고객 문제가 각 거품의 크기와 색상을 결정합니다.

이 예는 기본 눈금을 숨깁니다. 이미지 눈금 크기가 일정하지 않습니다. 또한 맵 배경 레이어의 이미지 크기는 사용자가 이미지 모서리에 설정한 좌표에 따라 다릅니다.

데이터 집합

이 예는 두 테이블 및 배경 이미지를 사용합니다.

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	위도	경도
Nehru Pollard	1	2.1	-2.1
Duncan Bell	2	1.675	-2.1
Arthur Miller	3	2.1	-1.6
Latifah Randall	4	1.675	-1.6
Glenna Giles	5	2.1	-1.1
Chaim Gates	6	1.675	-1.1
Elijah Mcgowan	7	2.1	-0.585
Serina Richards	8	1.675	-0.585
Nora Odonnell	9	2.1	0.595
Fiona Craig	10	1.675	0.595
Kirestin Mcguire	11	2.1	1.155
Francesca Wilkerson	12	1.675	1.155
Virginia Sanford	13	2.1	1.6
Beau Weeks	14	1.675	1.6
Justin Cook	15	2.1	2.2
Lisandra Sloan	16	1.675	2.2
Brody Ball	17	2.1	2.6
Kirk Welch	18	1.675	2.6
Julian Mcgee	19	0.7	3.25
Geoffrey Wheeler	20	0.7	3.7
Carter Leonard	21	0.14	3.25
Noel Watson	22	0.14	3.7
Damian Everett	23	-0.3	3.25
Justina Frazier	24	-0.3	3.7
MacKenzie Garcia	25	-0.85	3.25
Germane Carey	26	-0.85	3.7

배경 이미지

구성 방법

시작하기 전에

시작하기 전에 다음 원본을 콘텐츠 보안 정책의 허용 목록에 추가해야 합니다. https://help.qlik.com에서 관리합니다. 이 원본은 다음 Directive과 함께 추가되어야 합니다. image-src. 이 활동은 테넌트 관리자가 관리 활동 센터에서 수행합니다.

콘텐츠 보안 정책 항목 추가에 대한 자세한 내용은 CSP 항목 만들기를 참조하십시오.

맵 빌드

다음과 같이 하십시오.

1. 앱에 데이터 소스를 추가하고 각 테이블의 EmployeeNumber 필드를 사용하여 테이블을 연결합니다.
2. 시트에서 맵 차트를 추가합니다.
3. 고급 속성 열기를 클릭합니다.

4. 맵 설정에서 다음을 수행합니다.

   • 기본 맵을 없음으로 변경합니다.
   • 투사를 사용자 정의(도)로 변경합니다.

5. 모양 > 프레젠테이션에서 다음을 수행합니다.

   • 눈금 막대를 해제합니다.
   • 확대/축소 수준 제한을 사용자 지정으로 설정하고 확대/축소를 7배 확대/축소 - 8배 확대/축소로 설정합니다.

6. 백그라운드 레이어를 맵 차트에 추가하고 데이터에서 다음을 수행합니다.

   • 형식에서 이미지를 선택합니다.
   • URL을 https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_map-image-background-example.png로 설정합니다.
   • 왼쪽 위 모서리를 위쪽(위도)는 2.5, 왼쪽(경도)는 -4.1로 설정합니다.
   • 오른쪽 아래 모서리를 아래쪽(위도)는 -2.5, 오른쪽(경도)는 4.1로 설정합니다.
   정보 메모

   이 시점에서는 이미지가 아직 나타나지 않았습니다. 다음 단계에서 포인트 레이어를 추가하면 맵이 올바른 축척과 이미지 위치로 업데이트됩니다.

7. 포인트 레이어를 맵 차트에 추가하고 다음을 수행합니다.

   • 데이터에서 직원을 필드로 추가합니다.
   • 위치에서 위도 및 경도 필드를 선택합니다. 위도를 위도 필드로 설정하고 경도를 경도 필드로 설정합니다.
   • 크기 및 모양에서 크기 기준 Avg(CustomerIssues)를 설정합니다.

   • 색에서 다음을 수행합니다.

     • 색을 사용자 지정으로 설정하고 측정값 기준으로 색을 지정합니다.
     • Avg(CustomerIssues)를 측정값으로 선택합니다.
     • 분기 클래스를 색 구성표로 선택합니다.

페이지 상단의 이미지와 동일한 모양과 느낌을 가져오려면 앱 테마를 Sense 클래식으로 설정합니다.