开源

openlayers3加载离线地图瓦片

2019-12-03  本文已影响0人  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})

image image image
上一篇 下一篇

猜你喜欢

热点阅读