我的TileLayer包含GeoServer2.13上的一堆数据,并使用OpenLayers v4.1 API从浏览器客户端发出请求。 所做的一切都是:
1.带投影的开放图:
var map: any = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
target: 'Map',
projection: 'EPSG:900913',
controls: ol.control.defaults({
attributionOptions: {
collapsible: false
}
}),
view: new ol.View({
center: [0, 0],
zoom: 2
})
});
2.WMS请求为平铺True:
layer: new ol.layer.Tile({
source: new ol.source.TileWMS({
url: _GESERVER_URL +'geo/wms',
params: {
'FORMAT': 'image/png',
'VERSION': '1.1.1',
'TILED': true,
'LAYERS': 'geo':myTileLayer'
},
projection: 'EPSG:4326'
})
})
3.On GeoServer:
-Layer Data tab SRS:4326
-Http Setting response header 3600
-Seeding Executing task 1
-ZoomLevel 15
-GridSet:EPSG:900913 and EPSG:4326
-Metatiling factors 4 by 4
-Image Format image/jpeg and image/png
-DiskQuata:3GB
-TileDimensions:256 x 256
我也试过过image / png8,但仍然没有加速工作。 使GeoWebcache具有更高性能所需的任何其他配置?
答案 0 :(得分:1)
您正在请求与地图显示不同的投影中的图块,这会强制OpenLayers重新投影图块。这需要时间并降低质量。
从WMS图层中删除行projection: 'EPSG:4326'
。
另外为了确保你正在使用平铺缓存,请使用平铺端点(如WMTS),而不是希望您的平铺最终达到缓存(不太可能,因为您未在WMS中指定origin
)。有关详细信息,请参阅OpenLayers WMTS example。
var parser = new ol.format.WMTSCapabilities();
var map;
fetch('https://openlayers.org/en/v4.6.5/examples/data/WMTSCapabilities.xml').then(function(response) {
return response.text();
}).then(function(text) {
var result = parser.read(text);
var options = ol.source.WMTS.optionsFromCapabilities(result, {
layer: 'layer-7328',
matrixSet: 'EPSG:3857'
});
map = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM(),
opacity: 0.7
}),
new ol.layer.Tile({
opacity: 1,
source: new ol.source.WMTS(/** @type {!olx.source.WMTSOptions} */ (options))
})
],
target: 'map',
view: new ol.View({
center: [19412406.33, -5050500.21],
zoom: 5
})
});
});