[QGIS] QGIS2Web이란?

 

 

QGIS2Web이란?

QGIS2Web은 QGIS에서 제작한 지도를 Leaflet, OpenLayers, Mapbox GL JS 등의 웹 매핑 라이브러리를 이용해 인터랙티브한 웹 맵으로 변환해주는 QGIS 플러그인입니다. 프로그래밍 없이도 QGIS에서 디자인한 지도를 HTML, CSS, JavaScript 형식으로 내보내어 웹에서 활용할 수 있도록 합니다.

---

1. 주요 기능

🔹 QGIS 레이어를 웹맵으로 변환

• QGIS에서 제작한 벡터 및 래스터 데이터를 Leaflet, OpenLayers, Mapbox GL JS 기반의 웹맵으로 내보낼 수 있습니다.
• 스타일, 팝업(툴팁), 심볼, 레이블 등 QGIS에서 설정한 시각적 요소를 유지한 채 변환 가능.

🔹 프로그래밍 없이 웹 맵 제작

• HTML, CSS, JavaScript에 대한 지식 없이도 QGIS에서 만든 맵을 손쉽게 웹에서 공유 가능.
• HTML 파일 형태로 변환되어 웹서버 없이 로컬에서 미리보기 가능.

🔹 다양한 지도 엔진 지원

• Leaflet: 가볍고 빠르며, 모바일 친화적인 웹맵 제작 가능.
• OpenLayers: 대용량 데이터 처리와 고급 기능을 지원.
• Mapbox GL JS: 벡터 타일과 3D 렌더링 기능 활용 가능.

🔹 인터랙티브 기능 제공

• 마우스 클릭 시 팝업 표시
• 지도 줌 인/아웃 및 이동 가능
• 기본적인 필터 및 검색 기능 추가 가능

🔹 JSON, GeoJSON 지원

• 웹에서 쉽게 활용할 수 있도록 QGIS의 데이터를 GeoJSON 형식으로 변환하여 포함 가능.

---

2. 설치 방법

1. QGIS 실행 후 플러그인 > 플러그인 관리 및 설치 메뉴 클릭
2. "qgis2web" 검색 후 설치
3. 설치가 완료되면 플러그인 > qgis2web > Export Web Map 선택

---

3. 사용 방법

🟢 Step 1: QGIS에서 지도 제작

• QGIS에서 원하는 벡터 및 래스터 레이어를 불러오고 스타일을 설정합니다.
• 심볼, 라벨, 범례 등을 설정하여 웹에서 보기 좋게 디자인합니다.

🟢 Step 2: qgis2web 플러그인 실행

• 플러그인 > qgis2web > Export Web Map 선택
• "Preview" 버튼을 클릭하면 변환 결과를 미리 볼 수 있습니다.

🟢 Step 3: 옵션 설정

• Export format: Leaflet, OpenLayers, Mapbox 중 선택
• Scale and extent: 맵 초기 줌 레벨과 확장 범위 설정
• Popups: 지도 클릭 시 표시할 정보 설정
• Styling: QGIS 스타일 유지 여부 선택
• Advanced options: 벡터 타일, Clustering 등 추가 기능 설정 가능

🟢 Step 4: 웹맵 내보내기

• "Export" 버튼을 눌러 HTML, JavaScript, CSS 파일 생성
• 생성된 파일을 웹서버에 업로드하거나 로컬에서 직접 실행

---

4. 장점과 한계

✅ 장점

✔ 프로그래밍 지식 없이 웹맵을 제작할 수 있음
✔ 다양한 지도 엔진(Leaflet, OpenLayers, Mapbox GL JS) 지원
✔ QGIS에서 설정한 스타일을 그대로 유지 가능
✔ 독립적인 HTML 파일로 내보내기 가능 (서버 없이도 실행 가능)

❌ 한계

✖ 복잡한 대용량 데이터를 처리하기에는 성능이 다소 제한됨
✖ QGIS에서 설정한 모든 기능이 100% 반영되지 않을 수도 있음 (일부 심볼, 필터 기능)
✖ 커스터마이징이 제한적이며, 추가적인 기능이 필요하면 직접 HTML/JS 수정해야 함

---

5. 활용 사례

✅ 상권 분석: GIS 데이터(매장, 인구 분포, 유동 인구 등)를 웹 맵으로 변환하여 고객 분석
✅ 관광 맵 제작: 지역별 주요 명소 및 여행 경로를 웹에서 제공
✅ 도시 계획: 교통 흐름, 인프라 현황 등을 지도 기반으로 시각화
✅ 환경 모니터링: 오염 지도, 기후 변화 데이터를 웹 맵으로 공유

---

6. 추가 커스터마이징 (고급 활용)

QGIS2Web이 기본적으로 생성하는 파일은 JavaScript 기반의 코드로 구성되어 있습니다. 더 높은 수준의 커스터마이징이 필요하다면:

• HTML, JavaScript 코드 수정 가능:
  → 레이아웃 조정, 버튼 추가, 팝업 디자인 변경
• GeoJSON을 직접 수정:
  → 특정 데이터를 필터링하거나 심볼을 변경
• Leaflet, OpenLayers 플러그인 추가:
  → 마커 클러스터링, 히트맵, 사용자 입력 기능 등 추가

---

7. 결론

QGIS2Web은 QGIS에서 만든 지도를 웹에서 활용할 수 있도록 변환해주는 강력한 플러그인입니다. 프로그래밍 없이도 웹에서 사용할 수 있는 지도 서비스를 쉽게 제작할 수 있으며, Leaflet, OpenLayers, Mapbox GL JS 등의 라이브러리를 활용해 다양한 방식으로 웹 맵을 구현할 수 있습니다.

✔ GIS 데이터 분석 및 시각화 후 웹에 배포하고 싶다면? → QGIS2Web을 적극 활용
✔ 더 높은 수준의 커스터마이징이 필요하다면? → JavaScript와 GeoJSON을 직접 수정