openlayers3加载离线地图瓦片
2019-02-27 本文已影响3人
SarahLee1122
声明：openlayers版本v3.11.2
因为项目需要离线演示，不能用使用在线瓦片地图，遂开始查阅离线瓦片的加载方式。openlayer3支持加载离线瓦片，并且不用单独去发布瓦片地图，只需要把下载好的瓦片地图放在项目下，便能直接调用。网上提供的加载方法有很多，主要根据你所下载的瓦片地图组织规则来确定加载方式。我最终参考的是http://anzhihun.coding.me/ol3-primer/ch05/05-04.html，
代码片段如下：
var offlineMapLayer=new ol.layer.Tile({
source:new ol.source.XYZ({
url:'../data/tiles/{z}/{y}/{x}.png'
})
});
map.addLayer(offlineMapLayer);
离线地图下载工具：太乐地图下载器V5
地图类型是：天地图街道（注记）
存储标准：瓦片-谷歌反转XY（因此离线地图url的文件组织方式为：{z}/{y}/{x}）
图1.地图下载截图
图2.下载好的瓦片地图目录
图3.加载好的离线瓦片地图
