似乎栅格图块已经开始过时了,但是,我仍然需要一个解决方案,以某种方式为我的QGIS Server的WMS做。
到目前为止,我已经尝试过TileCache,但我无法让它在OL3中运行,而且它似乎也有点老了"。
那么什么是我的最佳出价,如果以后我想在我的OL3应用程序中使用缓存层? TileStache,Mapproxy,MapCache?
我的QGIS Server在CentOS 7下运行。
答案 0 :(得分:1)
它有点重量级,但我一直在使用GeoServer(http://geoserver.org/)来提供我的地图图块(它内置了GeoWebCache)。您需要通过J2EE服务器(如Jetty)运行它,但目前它对我们来说运行正常。
答案 1 :(得分:0)
QGIS Server可与MapProxy一起很好地工作。借助QGIS Server + MapProxy,您将获得最佳的QGIS样式以及图块缓存的速度。
MapProxy用Python编写,您可能已经在服务器上安装了Python。您可以(并且应该)在虚拟环境中运行MapProxy。 MapProxy的说明非常清楚,要启动并运行它,从QGIS Server提取数据,实际上是几分钟的问题。
tiled: true
)MapProxy文档中有非常好的小示例。
这是最复杂的示例之一,因为它使用自定义网格和除EPSG:3857之外的CRS。如果您使用常规的GLOBAL_MERCATOR
网格,它会更简单(在MapProxy端和OpenLayers端)。
这是mapproxy.yaml
配置文件的一个小示例,带有自定义网格。来源是QGIS Server。我在鼠标单击上添加了一个GetFeatureInfo
请求,以显示如何将这些请求转发到QGIS Server。我还添加了图层的图例(使用service=WMS&REQUEST=GetLegendGraphic&VERSION=1.3.0
)。
layers:
- name: caop
title: CAOP by QGIS Server
sources: [caop_cache_continente]
caches:
caop_cache_continente:
meta_size: [4, 4]
meta_buffer: 20
# 20+4x256+20
# width=1064&height=1064
use_direct_from_level: 14
concurrent_tile_creators: 2
link_single_color_images: true
grids: [continente]
sources: [continente_wms]
sources:
continente_wms:
type: wms
wms_opts:
featureinfo: true
legendgraphic: true
req:
url: http://continente.qgis.demo/cgi-bin/qgis_mapserv.fcgi
layers: freguesia
transparent: true
grids:
continente:
srs: 'EPSG:3763'
bbox_srs: 'EPSG:3763'
bbox: [-127104, -301712, 173088, 278544]
origin: nw
res: [ 1172.625, 586.3125, 293.15625, 146.578125, 73.2890625, 36.64453125, 18.322265625, 9.1611328125, 4.58056640625, 2.290283203125, 1.1451416015625, 0.57257080078125, 0.286285400390625, 0.1431427001953125, 0.07157135009765625 ]
以下OpenLayers文件能够从MapProxy中获取切片。
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css"
type="text/css">
<style>
.map {
height: 600px;
width: 100%;
}
</style>
<script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script>
<script src="resources/js/proj4js/proj4.js"></script>
<title>OpenLayers example using QGIS Server and MapProxy</title>
</head>
<body>
<div id="map" class="map"></div>
<p><image src="http://mapproxy.qgis.demo/mapproxy/service?service=WMS&REQUEST=GetLegendGraphic&VERSION=1.3.0&style=default&FORMAT=image/png&LAYER=caop&transparent=true"></image></p>
<div id="nodelist"><em>Click on the map to get feature info</em></div>
<script>
proj4.defs("EPSG:3763", "+proj=tmerc +lat_0=39.66825833333333 +lon_0=-8.133108333333334 +k=1 +x_0=0 +y_0=0 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs");
ol.proj.proj4.register(proj4);
var projection = new ol.proj.Projection({
code: 'EPSG:3763',
extent: [-127104, -301712, 173088, 278544]
});
var projectionExtent = projection.getExtent();
var size = ol.extent.getWidth(projectionExtent) / 256;
var newresolutions = new Array(15);
var newmatrixIds = new Array(15);
for (var z = 0; z < 15; ++z) {
newresolutions[z] = size / Math.pow(2, z);
newmatrixIds[z] = z;
}
var tileGrid = new ol.tilegrid.WMTS({
origin: ol.extent.getTopLeft(projectionExtent), // [ 270000, 3650000 ]
resolutions: newresolutions,
matrixIds: newmatrixIds,
tileSize: [256, 256]
});
var caop = new ol.layer.Tile({
source: new ol.source.TileWMS({
url: 'http://mapproxy.qgis.demo/mapproxy/service?',
params: { layers: 'caop', tiled: true, srs: "EPSG:3763" },
format: 'image/png',
projection: projection,
tileGrid: tileGrid
})
});
var map = new ol.Map({
layers: [caop],
target: 'map',
view: new ol.View({
projection: projection,
center: [0, 0],
zoom: 1
})
});
map.on('singleclick', function (evt) {
document.getElementById('nodelist').innerHTML = "Loading... please wait...";
var view = map.getView();
var viewResolution = view.getResolution();
var url = caop.getSource().getGetFeatureInfoUrl(
evt.coordinate, viewResolution, view.getProjection(),
{ 'INFO_FORMAT': 'text/html', 'FEATURE_COUNT': 50 });
if (url) {
document.getElementById('nodelist').innerHTML = '<iframe seamless src="' + url + '" style="width:100%"></iframe>';
}
});
</script>
</body>
</html>