openlayers3加载离线地图瓦片

声明: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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容