我正在尝试将一些基于 OSM 的图层放在 Google 地图上。项目名称是openseamap。到目前为止,它在缩放 8 之前工作正常。但是在缩放 8 之后,我收到 400 错误,上面写着“400:平铺索引的 X,Y 值计算为 {120.99999999902559, 155.83725643764348} 必须四舍五入到 {121, 156 } 并且超过了 10% 的阈值。也许客户端使用了错误的来源?”
var gebcoLayer =
new google.maps.ImageMapType(
{
getTileUrl: function (coord, zoom) {
// Compose URL for overlay tile
var tilesPerGlobe = 1 << zoom;
var x = coord.x % tilesPerGlobe;
if (x < 0) {
x = tilesPerGlobe + x;
}
var s = Math.pow(2, zoom);
var twidth = 256;
var theight = 256;
var gBl = map.getProjection().fromPointToLatLng(new google.maps.Point(x * twidth / s, (coord.y + 1) * theight / s)); // bottom left / SW
var gTr = map.getProjection().fromPointToLatLng(new google.maps.Point((x + 1) * twidth / s, coord.y * theight / s)); // top right / NE
var mercator1 = Conv.ll2m(gBl.lng(), gBl.lat());
var mercator2 = Conv.ll2m(gTr.lng(), gTr.lat());
var bbox2 = mercator1.x + "," + mercator1.y + "," + mercator2.x + "," + mercator2.y;
var url = "http://osm.franken.de:8080/geoserver/gwc/service/wms?LAYERS=gebco_2014&FORMAT=image%2Fpng&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=EPSG%3A900913&BBOX=" + bbox2 + "&WIDTH=256&HEIGHT=256";
return url;
},
tileSize: new google.maps.Size(256, 256),
name: "Gebco",
isPng: true,
//maxZoom: 18,
opacity: 0.3,
});
map.overlayMapTypes.insertAt(0, gebcoLayer);
我没有在这里输入整个代码,而是创建了一个小提琴。 这是我的小提琴!
正如您在小提琴中看到的,如果缩放值小于 8,它可以正常工作。我无法弄清楚是什么导致了这个错误。我假设 osm 和 google 之间的缩放级别差异?还是我计算 bbox 值的方式?