OL4如何以TMS服务调用WMTS服务的缓存切片

 

加载地图切片有两种方式,一种是TMS服务,一种是WMTS服务,两种方式加载WMTS服务各有不同,如何用TMS加载geoserver生成的切片呢?

一、TMS和WMTS区别
1、协议

在这里插入图片描述
3、坐标系的方向
从上图可见

二、TMS调用geoserver切片方式(自定义坐标系需要设置其他参数)

 var url = 'http://localhost:8080/geoserver/gwc/service/tms/1.0.0/cite%3Abeijing@EPSG%3A4326@png/';
        var projection = new ol.proj.get("EPSG:4326");
        var tile= new ol.layer.Tile({
            source: new ol.source.XYZ({
                projection: projection,
                tileGrid: ol.tilegrid.createXYZ({
                    extent: projection.getExtent()
                }),
                tileUrlFunction: function (tileCoord) {
                    return url + (tileCoord[0] - 1) + '/' + tileCoord[1] + '/' + (Math.pow(2, tileCoord[0] - 1) + tileCoord[2]) + '.png';
                }
            })
        })
posted @ 2019-04-19 21:38  HPUGIS  阅读(2445)  评论(0编辑  收藏  举报