我使用以下JavaScript块来尝试显示WMS图层。我正在使用OpenLayers 2.8。
地图的基础图层(Openstreetmap)正确显示,它缩放到正确的区域,“金字塔”图层显示在图层切换器中,但没有向其WMS服务请求(因此,URL,样式和参数都是假人的事实应该无关紧要 - 它甚至都没有尝试过它们。)
OpenLayers 尝试获取WMS图层一旦我平移或缩放到足以让几内亚湾进入视野(但我的所有数据都在荷兰)。这表明投影问题(WGS84的(0,0)点存在),但我不明白为什么OpenLayers甚至不尝试在别处获取地图图层。我的数据是EPSG:3857(Web Mercator)投影。
/*global $, OpenLayers */
(function () {
"use strict";
$(function () {
$(".map").each(function () {
var div = $(this);
var data_bounds = div.attr("data-bounds");
console.log("data_bounds: " + data_bounds);
if (data_bounds !== "") {
var map = new OpenLayers.Map(div.attr("id"), {
projection: "EPSG:3857"});
var extent = JSON.parse(data_bounds);
var bounds = new OpenLayers.Bounds(
extent.minx, extent.miny,
extent.maxx, extent.maxy);
map.addLayer(
new OpenLayers.Layer.OSM(
"OpenStreetMap NL",
"http://tile.openstreetmap.nl/tiles/${z}/${x}/${y}.png",
{buffer: 0}));
map.addLayer(
new OpenLayers.Layer.WMS(
"pyramid", "http://rasterserver.local:5000/wms", {
layers: "test",
styles: "test"
}, {
singleTile: true,
isBaseLayer: false,
displayInLayerSwitcher: true,
units: 'm'
}));
map.addControl(new OpenLayers.Control.LayerSwitcher());
map.zoomToExtent(bounds);
}
});
});
})();
编辑:'data_bounds'控制台打印打印(带有一些添加的格式):
data_bounds: {
"minx": 582918.5701295201,
"miny": 6923595.841021758,
"maxx": 821926.9006116659,
"maxy": 7079960.166533174
}
它缩放到荷兰北部的正确区域,所以我认为问题不存在。
自发布以来,我发现如果我不使用OSM层,而是使用WMS层作为基础层,它就可以工作。那么也许与OSM基础层和添加到其中的WMS层存在一些不兼容性?但是我不知道它似乎在WGS84(0,0)附近做了什么。
答案 0 :(得分:1)
我最终设法通过为地图提供明确的maxExtent
:
var extent = JSON.parse(data_bounds);
var bounds = new OpenLayers.Bounds(
extent.minx, extent.miny,
extent.maxx, extent.maxy);
var map = new OpenLayers.Map(div.attr("id"), {
projection: "EPSG:3857",
maxExtent: bounds
});
奇怪的是,这并不限制用户在世界范围内进行平移和缩放的能力,但它确实使叠加层工作......