webgis之制作地图切片方法(一) —— QGIS

前言

在webgis领域，地图切片是提高客户端使用体验主要方法之一。项目中通常需要将项目中的特定的空间数据切片并发布服务，为用户提供地图服务。因此，学会制作地图切片是giser必要的技能之一。地图切片工具繁多，本文通过QGIS工具的介绍制作地图切片的方式，并通过eaflet对切片进行预览。

• 环境
  macOS、QGIS
• 关键词
  地图切片、mbtiles、leaflet、QGIS、Raster

制作地图切片过程

通过QGIS制作切片是最为便捷的之一，这个强大的开源软件不论是矢量还是栅格瓦片都可以制作。可以通过官网下载QGIS软件，在此不再赘述安装过程。
切片需要用到的工具如下图所示，有栅格切片工具和矢量切片工具。以生成一个栅格xyz瓦片为例，介绍工具的使用。

栅格切片的制作

原始数据为geojson格式的数据，现通过QGIS切片成栅格瓦片。由于栅格切片无法根据更改样式，需要在QGIS中先配置好样式，再进行切片，配置结果如下图所示。

1. 配置样式
   右键图层，点击Properties，如下图所示，配置样式。
   配置界面： 配图结果：

2. 切片制作
   栅格切片制作，raster tools => generate XYZ tiles，各参数含义如下图所示。
   

使用leaflet进行预览

关键代码：

var map = L.map('map').setView([41.6518945935, 0.0], 2.0);
    L.tileLayer('xxx/{z}/{x}/{y}.png', {
        minZoom: 1,
        maxZoom: 3,
        tms: false,
      }).addTo(map);