栅格瓦片转mbtiles文件离线部署

前提

由于需要离线部署地图应用，通过太乐等地图下载器的切片占用磁盘空间会很大，而且迁移到生产环境会很麻烦还很耗时，那么如何减少这些瓦片迁移的时间就很重要。下面说的解决方案仅仅针对标准的TMS 的瓦片。

准备工作

切好的TMS瓦片
python（我使用的版本：3.6.2）
sqlite（我使用的版本：3.25.3）
nodejs（我使用的版本：8.11.3）
MBUtil
mbtiles-server

工具安装

这里只说一下后面两个（MBUtil,mbtiles-server）的安装。当然在其github库的README中都有安装步骤，也可按照那个进行安装。

MBUtil

windows情况下安装命令：

# 从github中clone下项目
git clone git://github.com/mapbox/mbutil.git 
# 进到mbutil目录中
cd mbutil
# 执行安装
python setup.py install
# 查看帮助
python mb-util -h

注：瓦片目录指向层级（z）这层目录：如下所示

栅格瓦片转mbtiles文件离线部署

mbtiles-server

# 安装
npm install -g mbtiles-server
#查看帮助
mbtiles-server --help

步骤

将瓦片转换为.mbtiles格式的文件，在mbutil安装目录下执行此命令
```
# 将瓦片转成mbtiles 格式,这里用的都是默认参数
python mb-util D:\MyTile\ D:\Mymbtiles\layerName.mbtiles
```
执行过程中会出现如下界面：

执行结束：
将.mbtiles放到一个文件夹下，使用mbtiles-server进行发布
```
# 发布服务
mbtiles-server --cache 存放.mbtiles的目录
```
直接在浏览器中访问http://localhost:5000/ 这是mbtiles-server默认的请求地址可以看到如下信息：

访问每个mbtiles会出现该文件的一些信息

当请求某一个文件中的切片时只要访问对应的http://localhost:5000/mbtileName/z/x/y即可得到对应的图片

查看是否发布成功，成功的情况下使用前端库（我这里用的OL3 你也可以用Leaflet等）加载预览
栅格瓦片转mbtiles文件离线部署

OL3中使用XYZ加载mbtiles-server发布的切片


  // 标准TMS瓦片
  var source  = new ol.source.XYZ({
  		tileUrlFunction: function (tileCoord) {
  			var z = tileCoord[0];
  			var x = tileCoord[1];
  			y = Math.pow(2, z) + tileCoord[2] - 1; 
  			return "http://localhost:5000/hainan/" + z + "/" + x + "/" + y + ".png";
  		}
  	})
  /*
  // 谷歌TMS瓦片
  var source  = new ol.source.XYZ({
  		tileUrlFunction: function (tileCoord) {
  			var z = tileCoord[0];
  			var x = tileCoord[1];
  			var y = - tileCoord[2];
  			return "http://localhost:5000/hainan/" + z + "/" + x + "/" + y + ".png";
  		}
  	})
  */

栅格瓦片转mbtiles文件离线部署

栅格瓦片转mbtiles文件离线部署

前提

准备工作

工具安装

步骤

相关推荐