ol加载离线切片16进制

最新推荐文章于 2024-02-21 16:38:25 发布

ANNENBERG

最新推荐文章于 2024-02-21 16:38:25 发布

阅读量165

点赞数

分类专栏： openlayers 文章标签： openlayers

本文链接：https://blog.csdn.net/ANNENBERG/article/details/126164837

版权

openlayers 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

这篇博客详细解析了如何使用OpenLayers库创建一个XYZ类型的TileLayer，包括设置投影坐标系为EPSG:4326，定义最大和最小缩放级别，以及自定义tileUrlFunction来生成瓦片URL。博客内容深入探讨了瓦片坐标转换和图片路径构建的逻辑，对于理解OpenLayers地图渲染机制非常有帮助。

摘要由CSDN通过智能技术生成

 var riverLayer = new ol.layer.Tile({

 source: new ol.source.XYZ({

 projection: 'EPSG:4326',

 maxZoom: 17,

 minZoom: 7,

 tileUrlFunction: function(tileCoord){

 var oo = "00000000";

 var zz = tileCoord[0];

 var z = "L" + zz;

 var xx = tileCoord[1].toString(16);

 var x = "C" + oo.substring(0, 8 - xx.length) + xx;

 var yy = (-tileCoord[2] - 1).toString(16); //注意此处，计算方式变了

 var y = "R" + oo.substring(0, 8 - yy.length) + yy;

 return 'data/_alllayers/' + z + '/' + y + '/' + x + '.png';

 }

 map.addLayer(riverLayer);