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

imxiezy

已于 2023-03-26 01:43:30 修改

阅读量3.3k

点赞数 2

分类专栏： QGIS GIS 文章标签：前端

于 2023-03-26 01:31:24 首次发布

本文链接：https://blog.csdn.net/imxiezy/article/details/129774907

版权

GIS 同时被 2 个专栏收录

11 篇文章 2 订阅

订阅专栏

QGIS

2 篇文章 0 订阅

订阅专栏

前言

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

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

制作地图切片过程

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

栅格切片的制作

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

配置样式
右键图层，点击Properties，如下图所示，配置样式。
配置界面：配图结果：
切片制作
栅格切片制作，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);