我需要访问一个 Esri REST 服务,它有一个奇怪的 XYZ 格式。例如:
在正常的 XYZ 服务上,z 是 14,而在这个特定的服务上,在相同的高度上,z 是 8。
有谁知道如何转换它们并在 OpenLayers 上使用“奇怪”的?
这是“正常”服务:
...../15/17122/11081.png
这是“奇怪”的一个:
...../8/458/170
它们都大致位于相同的位置,相同的高度。
我需要访问一个 Esri REST 服务,它有一个奇怪的 XYZ 格式。例如:
在正常的 XYZ 服务上,z 是 14,而在这个特定的服务上,在相同的高度上,z 是 8。
有谁知道如何转换它们并在 OpenLayers 上使用“奇怪”的?
这是“正常”服务:
...../15/17122/11081.png
这是“奇怪”的一个:
...../8/458/170
它们都大致位于相同的位置,相同的高度。
它是 EPSG:25832 投影的自定义平铺网格。 在OpenLayers中设置网格所需的设置可以在https://karte.breitbandmessung.de/servertmp/rest/services/Mobilfunkversorgung/MonitoringPortal_DT_4G/Mapserver?f=pjsonorigin
中找到并且resolutions
是必需的,但包括范围会阻止请求范围瓷砖的范围 -xmax
似乎fullExtent
有点太小并切断了该国最东部的边缘,所以我根据 0 级为 3 个瓷砖宽来制作一个范围
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="https://openlayers.org/en/v6.4.3/css/ol.css" type="text/css">
<script src="https://openlayers.org/en/v6.4.3/build/ol.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.6.1/proj4.js"></script>
<style>
html, body, .map {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="map" class="map"></div>
<script>
proj4.defs("EPSG:25832", "+proj=utm +zone=32 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs");
ol.proj.proj4.register(proj4);
var origin = [233184, 6120719];
var resolutions = [
1222.9948985513972,
611.4974492756991,
305.7487246378482,
152.87436231920458,
76.43718115960229,
38.21859057966118,
19.109295289886575,
9.5546476449433,
4.7773238224716374
];
//var extent = [280300, 5235800, 912300, 6106300];
var extent = [origin[0], origin[1] - 3 * 256 * resolutions[0], origin[0] + 3 * 256 * resolutions[0], origin[1]];
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM(),
}),
new ol.layer.Tile({
source: new ol.source.XYZ({
url: "https://karte.breitbandmessung.de/servertmp/rest/services/Mobilfunkversorgung/MonitoringPortal_DT_4G/Mapserver/tile/{z}/{y}/{x}",
projection: "EPSG:25832",
tileGrid: new ol.tilegrid.TileGrid({
origin: origin,
extent: extent,
resolutions: resolutions,
tileSize: [256, 256],
}),
}),
opacity: 0.5,
}),
],
view: new ol.View({
projection: "EPSG:25832",
})
});
map.getView().fit(extent);
</script>
</body>
</html>