开源方案搭建可离线的精美矢量切片地图服务-5.Mapbox离线项目实现

项目成果展示（所有项目文件都在阿里云的共享云虚拟主机上，访问地图可以会有点慢，请多多包涵）。

01：中国地图：http://test.sharegis.cn/mapbox/html/3china.html

02：德国-德累斯顿市：http://test.sharegis.cn/mapbox/html/6germany.html

1.中国地图离线实例

      将所有的在线资源替换为本地资源，这里主要关注一下三种矢量切片的获取方式，

1.通过tms服务http://localhost:8080/geoserver/gwc/service/tms/1.0.0/china:china_map@EPSG:900913@pbf/{z}/{x}/{y}.pbf的方式获取矢量切片，

2.示例中还有wmts服务http://127.0.0.1:8080/geoserver/gwc/service/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=china:china_map&STYLE=&TILEMATRIX=EPSG:900913:{z}&TILEMATRIXSET=EPSG:900913&FORMAT=application/x-protobuf;type=mapbox-vector&TILECOL={x}&TILEROW={y}的方式获取矢量切片。

3.以及通过XYZ：http://test.sharegis.cn/mapbox/maptile/{z}/{x}/{y}.pbf直接访问切片虚拟目录获取切片，我们提供的在线例子就是通过这种方式，因为我只有虚拟云主机不能安装Geoserver，我把切好的切片放到网站根目录，通过XYZ直接请求切片文件。

这里mapbox样式代码省略，具体Mapbox样式请下载源码，或者参考上一篇文章-Mapbox样式设计进行设计。源码中maptile文件下包含所有中国地图离线矢量切片。

 

2.德国-德累斯顿市实例

 

3小结

       这篇主要讲了一下Mapbox离线项目的两个例子，将我们提供的两个在线项目例子的源码分享给大家，相信大家通过这几篇文章会对Mapbox js离线项目部署有了清晰的认识，下篇我主要分享一下常用的Mapbox .pbf字体库。

源码链接：https://pan.baidu.com/s/16a48D7Qodf4xX-3YZOX7ZQ 密码：po5s

github地址：https://github.com/HuHongYong/Mapbox-js-offline

作者：ATtuing

出处：http://www.cnblogs.com/ATtuing

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。