利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

1.利用工具下载卫星图层,我用的是“BIGEMAP地图下载器”,官网地址:http://www.bigemap.com/

选择好要切图的区域,记录下经纬度范围并选择导出的等级。

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

完成导出后在目录文件夹找到一个tif文件,就是地图图片文件。

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

 

地图图片下载好后,可以让美工在地图图片上进行手绘。

 

 

2.利用MapTiler工具进行瓦片切图 官网:https://www.maptiler.com/download/

安装好MapTiler后打开选择StandardTiles,然后点击下一步利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

 

选择刚才做好的tif文件,并点击后侧的CHANGE按钮,进行经纬度配置。

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

选择CORNERS项

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

根据在导出地图图片时的左上角(lng1,lat1)和右下角(lng2,lat2)的经纬度输入坐标信息,顺序是

lng1 lat1 lng2 lat1 lng2 lat2,这个地方注意别输错。

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

 

点击下一步,选择输出到Folder,并选择下方的缩放等级。

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

 

导出完成!可以预览了。

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景

利用MapTiler工具进行地图瓦片切图,适合用于在h5中显示手绘地图场景