Map, Interactive Grid 생성
이제 REST 데이터 소스를 이용해서 Map을 생성해 보겠습니다. 어플리케이션 홈페이지로 이동해서 Create Page를 클릭합니다.
Page Type을 Component 아래 Map으로 선택하고 Next를 클릭합니다.
페이지 번호, 이름을 아래와 같이 입력하고 Next를 클릭합니다.
· Page Number: 4
· Page Name: Covid19 Global Stats
Navigation Preference에서 Create a new navigation menu entry를 선택하고 Next를 클릭합니다.
아래와 같이 데이터 소스를 선택합니다.
· Data Source: REST Data Source
· REST Data Source: UN Covid19 Data 선택
Create Page 대화창에서 Map의 타입을 Points로 선택하고, 속성을 아래와 같이 선택합니다. 그리고 Create을 클릭합니다.
· Geometry Column Type: Two Numeric Columns
· Logitude Column: LONG_ (Number) 선택 (경도)
· Latitude Column: LAT (Number) 선택 (위도)
· Create Faceted Search Page: Yes 선택
Map이 만들어졌습니다. Page Designer 오른편 상단의 녹색 Save and Run Page 버튼을 클릭하여 방금 생성한 Map을 확인합니다.
이제 생성된 페이지에 대해 몇가지 개선 내용을 적용하겠습니다. 먼저 왼쪽 영역에는 국가별 사망자수/확진자수, 치명률을 Interactive Grid로 출력하도록 합니다. 그리고 Map 영역에서는 특정 국가 위에 마우스를 가져갔을 때 국가명, 사망자수/확진자수, 치명률이 나오도록 합니다.
방금 생성된 페이지 Page 4:Covid19 Global Stats에서 먼저 Search를 클릭하고, 아래와 같이 Property Editior 내용을 수정하고 Save and Run Page 버튼을 클릭하여 반영한 내용을 확인합니다.
· Identification 섹션 – Name: Covid19 Grid
· Identification 섹션 – Type: Interactive Grid 선택
· Source 섹션 – Location: REST Source 선택
· Source 섹션 – REST Source: UN Covid19 Data 선택
· Local Post Processing 섹션 – Type: SQL Query 선택
· Local Post Processing 섹션 – SQL Query: 아래 쿼리로 기존 쿼리를 대체
| select COUNTRY_REGION, TO_CHAR(DEATHS,'999,999,999,999,999') DEATHS, TO_CHAR(CONFIRMED, '999,999,999,999,999') CONFIRMED, ROUND(MORTALITY_RATE,2) MORTALITY_RATE from #APEX$SOURCE_DATA# |
Map 페이지 왼쪽 영역에서 국가와 치명률만 나타나도록 해 보겠습니다. Actions를 클릭합니다.
Country Region, Motality Rate 만 체크하고 Save를 클릭합니다.
국가명, 치명률 목록을 확인할 수 있습니다. 이번에는 검색에 “korea”를 입력해 한국의 Covid19 치명률을 확인해 보겠습니다.
한국의 Covid19 치명률을 확인할 수 있습니다.
이번에는 Map Region에서는 특정 국가 위에 마우스를 가져갔을 때 국가명, 사망자수/확진자수, 치명률이 나오도록 해 보겠습니다.
Page 4:Covid19 Global Stats에서 Rendering Tree위 Map을 클릭하고, Property Editior 내용을 수정합니다.
· Identification 섹션 – Name: Covid19 Map
· Local Post Processing 섹션 – Type: SQL Query 선택
· Local Post Processing 섹션 – SQL Query: 아래 쿼리로 기존 쿼리를 대체
| select X, Y, LAT, UID_, ISO3, LONG_, ACTIVE, TO_CHAR(DEATHS,'999,999,999,999,999') DEATHS, OBJECTID, TO_CHAR(CONFIRMED, '999,999,999,999,999') CONFIRMED, RECOVERED, LAST_UPDATE, INCIDENT_RATE, PEOPLE_TESTED, COUNTRY_REGION, ROUND(MORTALITY_RATE,2) MORTALITY_RATE, PEOPLE_HOSPITALIZED from #APEX$SOURCE_DATA# |
그리고 Covid19 Map > Layers 아래 Covid19 Global Stats를 클릭하고, Property Editior 내용을 아래와 같이 수정합니다. 그리고 Save and Run Page 버튼을 클릭하여 반영한 내용을 확인합니다.
· Tooltip 섹션 – Advanced Formatting: Yes 선택
· Tooltip 섹션 – HTML Expression: 아래 내용을 붙여넣습니다.
| <b>Country Name:</b> &COUNTRY_REGION. (&ISO3.)<br> <b>Deaths/Confirmed:</b> &DEATHS. / &CONFIRMED.<br> <b>Mortality Rate:</b> &MORTALITY_RATE.<br> |
이제 특정 국가 위에 마우스를 가져갔을 때 국가명, 사망자수/확진자수, 치명률이 나오는 것을 확인할 수 있습니다.
<END>
