如何从Openlayer Request优化GeoWebcache的响应速度或性能

时间:2018-05-31 19:04:41

标签: geoserver

我的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具有更高性能所需的任何其他配置?

1 个答案:

答案 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
      })
    });
  });