OpenLayers教程十四:多源数据加载之离线瓦片地图

    本文转载自:http://weilin.me/ol3-primer/ch05/05-04.html

    其实离线瓦片地图在线瓦片地图是一样的原理,都是瓦片。只是离线瓦片地图存储在本地,而且它的存取方式,可以由开发者自己来定义,而在线瓦片地图则不一定。在不理解原理的情况下,很多人拥有了离线瓦片,却不知道如何加载,所以这里单独来讲解。

    示例的瓦片就只有一张。如果放大或者缩小,就可能看不到地图瓦片了:

OpenLayers教程十四:多源数据加载之离线瓦片地图_第1张图片

    瓦片:

OpenLayers教程十四:多源数据加载之离线瓦片地图_第2张图片

    loadOfflineTiledMap.html:




    
    
    
    加载离线瓦片地图
    
    


    

    这个例子中唯一的瓦片图片相对路径是:offlineMapTiles/4/12/6.png。

    url必须根据瓦片地图存放路径来编写,比如这个例子里面,4表示的是层级,12表示的是x,6表示的是y,我们的url参数就写成:{z}/{x}/{y}.png。如果瓦片地图都放在一个目录下,采用z-x-y.png的方式命名,那么url参数就得写成:{z}-{x}-{y}.png。

    在开发时,会考虑一个问题:是先在代码里面写url,还是先在本地放好瓦片地图?我建议瓦片地图数据优先,而且很多瓦片地图都是工具下载的,量大,如果需要修改目录结构,会比较费事。相对的,修改url的代码明显就要简单很多。

你可能感兴趣的:(开源GIS)