QTiles로 베이스 맵 만들기

Tiles have revolutionized the idea of web mapping and has given us fast and easy access to large datasets. Tiling schemes divide the World into small tiles (typically 256 x 256 pixels) for each zoom level and pre-render datasets to these tiles. This way only a small fraction of a large dataset is served to the user at any given time - resulting in a map that can be zoomed or panned with ease over the internet. There are many methods to create tiles from GIS datasets. One easy way to create tiles from your QGIS project is a plugin called QTiles. In this tutorial, you will learn how to create PNG tiles from any set of layers loaded in QGIS and create a basemap to be used in a web mapping project.

작업 개요

우리는 자연 지구 래스터로 타일을 만들고 지구 전체를 덮는 것입니다.

데이터 획득

Natural Earth의 Natural Earth 2 <http://www.naturalearthdata.com/downloads/10m-raster-data/10m-natural-earth-2/>`_ 데이터 세트를 사용합니다.

음영 처리 된 물, 배수 및 배수구 zip 파일이 포함 된 중간 크기의 자연 지구 II를<http://www.naturalearthdata.com/http//www.naturalearthdata.com/download/10m/raster/NE2_LR_LC_SR_W_DR.zip>`_ 다운로드하십시오.

데이터 출처[NATURALEARTH]_

과정

  1. 다운로드 한 NE2_LR_LC_SR_W.zip 파일을 컴퓨터의 폴더에 압축 해제하십시오. QGIS를 열고 레이어 ‣ 래스터 레이어 추가로 이동하십시오. 추출 된 파일의 위치를 찾아 NE2_LR_LC_SR_W.tif를 선택하십시오. 확인을 클릭하십시오.

../_images/1173.png

  1. 플러그인 ‣ 플러그인 관리 및 설치로 이동하여 QTiles 플러그인을 설치하십시오. 플러그인은 현재 실험용으로 표시되어 있으므로 플러그인 설정에서 실험용 플러그인 표시도 확인해야합니다. (QGIS에 플러그인 설치에 대한 자세한 내용은 플러그인 사용하기 참조). 플러그인이 설치되면 플러그인 ‣ QTiles ‣ QTiles로 이동하십시오.

../_images/2142.png

  1. QTiles 대화 상자에서 출력으로 디렉토리를 선택하고 출력 타일이 생성 될 선택한 폴더를 찾습니다. 타일 범위로 NE2_LR_LC_SR_W 레이어의 레이어 범위를 선택하십시오. 최대 줌을 6으로 설정하십시오. 매개 변수 섹션을 펼치고 Write Leaflet-based viewer를 확인하십시오. 타일 렌더링 프로세스를 시작하려면 실행을 클릭하십시오.

참고

The number of tiles increase 4 times for every additional zoom level and since our layer has an extend of the entire World - there will be millions of tiles at higher zoom levels.

../_images/384.png

  1. 프로세스가 완료되면 QTiles 대화 상자를 닫고 선택한 출력 폴더를 찾으십시오. 각 확대 / 축소 수준의 폴더를 최대 확대 / 축소 수준까지 확인할 수 있습니다. 각 폴더에는 X 좌표의 하위 폴더와 Y 좌표의 이름으로 저장한 실제 타일이 포함됩니다.

../_images/450.png

  1. 최상위 타일 디렉토리의 상위 디렉토리에 QTiles.html 파일이 있습니다. Leaflet 웹 매핑 라이브러리를 사용하여 타일을 탐색 할 수있는 간단한 뷰어입니다.

../_images/544.png

  1. QTiles.html을 두 번 클릭하여 웹 브라우저에서 여십시오. 타일이 원본 래스터 레이어를 완벽하게 형성하는 것을보기 위해 확대 / 축소 및 이동을 할 수 있습니다.

../_images/642.png

  1. 이 타일을 XYZ 타일링 체계를 지원하고 다른 레이어를 오버레이하는 웹 매핑 라이브러리와 함께 사용할 수 있습니다. 이러한 타일의 유용성과 이식성을 설명하기 위해 이제이 튜토리얼에서 생성 된 타일을 QGIS2Web 튜토리얼로 Web Mapping에서 생성 된 공항 맵의베이스 맵으로 추가합니다. 이 튜토리얼에서는 OpenStreetMap에서 기성품베이스 맵을 사용합니다. 이 튜토리얼에서 만든 사용자 베이스 맵으로 쉽게 바꿀 수 있습니다. qgis2web 맵을 내 보낸 출력 디렉토리로 이동하십시오. 내보내기 중에 생성 된 Layers ‣ layers.js 파일을 엽니 다.

../_images/742.png

  1. OSM B & W 베이스 레이어이 정의 된 코드 블록을 찾으십시오.

../_images/841.png

  1. 기본 레이어의 정의를 자체 타일로 바꿉니다. 이때 타일은 컴퓨터에만 존재하므로 URL은 로컬 디렉토리가됩니다. 그러나 타일을 서버에 업로드하고 서버의 URL을 제공 할 수도 있습니다. Natural Earth에 적절한 값으로 제목과 소스를 변경하십시오. 파일을 저장하십시오.

new ol.layer.Tile({
 'title': 'Natural Earth 2',
 'type': 'base',
 source: new ol.source.XYZ({
     url: 'C://Users/Ujaval/Desktop/QTiles/{z}/{x}/{y}.png',
     attributions: [new ol.Attribution({html: 'Made with Natural Earth. Free vector and raster map data @ naturalearthdata.com.'})]
 })
})
../_images/942.png

  1. 브라우저에서 웹 맵을 열면 B & W OSM 레이어가 새로 생성 된 타일로 대체 된 것을 볼 수 있습니다.

../_images/1049.png

If you want to give feedback or share your experience with this tutorial, please comment below. (requires GitHub account)