qwc2
Version:
QGIS Web Client
186 lines (185 loc) • 10.8 kB
JavaScript
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
/**
* Copyright 2015 GeoSolutions Sas
* Copyright 2016-2024 Sourcepole AG
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree.
*/
import axios from 'axios';
import ol from 'openlayers';
import url from 'url';
import ConfigUtils from '../../../utils/ConfigUtils';
import CoordinatesUtils from '../../../utils/CoordinatesUtils';
import MiscUtils from '../../../utils/MiscUtils';
export function wmsImageLoadFunction(image, src) {
var maxUrlLength = ConfigUtils.getConfigProp("wmsMaxGetUrlLength", null, 2048);
var postOrigins = ConfigUtils.getConfigProp("wmsPostOrigins", null, []);
var reqOrigin = new URL(src, location.href).origin;
if (src.length > maxUrlLength && (location.origin === reqOrigin || postOrigins.includes(reqOrigin))) {
// Switch to POST if url is too long
var urlParts = src.split("?");
urlParts[1] += "&csrf_token=" + MiscUtils.getCsrfToken();
var options = {
headers: {
'content-type': 'application/x-www-form-urlencoded'
},
responseType: "blob"
};
axios.post(urlParts[0], urlParts[1], options).then(function (response) {
var reader = new FileReader();
reader.readAsDataURL(response.data);
reader.onload = function () {
image.src = reader.result;
};
})["catch"](function () {
// Fall back to GET
image.src = src;
});
} else {
image.src = src;
}
}
export function wmsToOpenlayersOptions(options) {
var _ref3, _urlParams$TILED;
var urlParams = Object.entries(url.parse(options.url, true).query).reduce(function (res, _ref) {
var _ref2 = _slicedToArray(_ref, 2),
key = _ref2[0],
val = _ref2[1];
return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, key.toUpperCase(), val));
}, {});
return _objectSpread(_objectSpread({}, urlParams), {}, {
LAYERS: options.name,
STYLES: options.style || "",
FORMAT: options.format || 'image/png',
TRANSPARENT: options.transparent !== undefined ? options.transparent : true,
SRS: options.projection,
CRS: options.projection,
TILED: String((_ref3 = (_urlParams$TILED = urlParams.TILED) !== null && _urlParams$TILED !== void 0 ? _urlParams$TILED : options.tiled) !== null && _ref3 !== void 0 ? _ref3 : false).toLowerCase() === "true",
VERSION: options.version,
DPI: options.serverType === 'qgis' ? options.dpi || ConfigUtils.getConfigProp("wmsDpi") || 96 : undefined
}, options.params);
}
export function getClientSideOpacity(options, queryParameters) {
var _queryParameters$OPAC;
// If no OPACITIES in WMS params, just return options.opacity
if (!queryParameters.OPACITIES) {
var _options$opacity;
return ((_options$opacity = options.opacity) !== null && _options$opacity !== void 0 ? _options$opacity : 255) / 255;
}
// If WMS parameters contain only one opacity value, set opacity client side (as some WMS servers don't support opacity)
var opacities = ((_queryParameters$OPAC = queryParameters.OPACITIES) !== null && _queryParameters$OPAC !== void 0 ? _queryParameters$OPAC : "255").split(",");
if (opacities.length === 1) {
queryParameters.OPACITIES = "255";
return parseInt(opacities[0], 10) / 255;
}
return undefined;
}
export default {
create: function create(options, map) {
var queryParameters = _objectSpread(_objectSpread({}, wmsToOpenlayersOptions(options)), {}, {
__t: +new Date()
});
var clientSideOpacity = getClientSideOpacity(options, queryParameters);
if (queryParameters.TILED && !options.bbox) {
/* eslint-disable-next-line */
console.warn("Tiled WMS requested without specifying bounding box, falling back to non-tiled.");
}
var layer = null;
if (!queryParameters.TILED || !options.bbox) {
layer = new ol.layer.Image(_objectSpread({
minResolution: options.minResolution,
maxResolution: options.maxResolution,
source: new ol.source.ImageWMS(_objectSpread({
url: options.url.split("?")[0],
serverType: options.serverType,
params: queryParameters,
ratio: options.ratio || 1,
hidpi: ConfigUtils.getConfigProp("wmsHidpi") !== false ? true : false,
imageLoadFunction: function imageLoadFunction(image, src) {
return wmsImageLoadFunction(image.getImage(), src);
}
}, options.sourceConfig || {}))
}, options.layerConfig || {}));
} else {
var extent = CoordinatesUtils.reprojectBbox(options.bbox.bounds, options.bbox.crs, options.projection);
var tileGrid = new ol.tilegrid.TileGrid({
extent: extent,
tileSize: options.tileSize || 256,
maxZoom: map.getView().getResolutions().length,
resolutions: map.getView().getResolutions()
});
layer = new ol.layer.Tile(_objectSpread({
minResolution: options.minResolution,
maxResolution: options.maxResolution,
preload: ConfigUtils.getConfigProp("tilePreloadLevels", null, 0),
source: new ol.source.TileWMS(_objectSpread({
urls: [options.url.split("?")[0]],
params: queryParameters,
serverType: options.serverType,
tileGrid: tileGrid,
hidpi: ConfigUtils.getConfigProp("wmsHidpi") !== false ? true : false,
tileLoadFunction: function tileLoadFunction(imageTile, src) {
return wmsImageLoadFunction(imageTile.getImage(), src);
}
}, options.sourceConfig || {}))
}, options.layerConfig || {}));
}
layer.setVisible(queryParameters.LAYERS && options.visibility);
layer.setOpacity(clientSideOpacity !== null && clientSideOpacity !== void 0 ? clientSideOpacity : 100);
return layer;
},
update: function update(layer, newOptions, oldOptions) {
var _layer$getSource;
if (oldOptions && layer !== null && layer !== void 0 && (_layer$getSource = layer.getSource()) !== null && _layer$getSource !== void 0 && _layer$getSource.updateParams) {
var changed = (oldOptions.rev || 0) !== (newOptions.rev || 0);
var oldParams = wmsToOpenlayersOptions(oldOptions);
getClientSideOpacity(oldOptions, oldParams);
var newParams = wmsToOpenlayersOptions(newOptions);
var clientSideOpacity = getClientSideOpacity(newOptions, newParams);
Object.keys(oldParams).forEach(function (key) {
if (!(key in newParams)) {
newParams[key] = undefined;
}
});
if (!changed) {
changed = Object.keys(newParams).find(function (key) {
return newParams[key] !== oldParams[key];
}) !== undefined;
}
changed |= newOptions.visibility !== oldOptions.visibility;
if (changed) {
var queryParameters = _objectSpread(_objectSpread({}, newParams), {}, {
__t: +new Date()
});
if (layer.get("updateTimeout")) {
clearTimeout(layer.get("updateTimeout"));
}
if (!newOptions.visibility || !queryParameters.LAYERS) {
layer.setVisible(false);
}
layer.setOpacity(clientSideOpacity !== null && clientSideOpacity !== void 0 ? clientSideOpacity : 100);
layer.set("updateTimeout", setTimeout(function () {
layer.setVisible(queryParameters.LAYERS && newOptions.visibility);
layer.getSource().updateParams(queryParameters);
layer.getSource().changed();
layer.set("updateTimeout", null);
}, 500));
} else {
layer.setOpacity(clientSideOpacity !== null && clientSideOpacity !== void 0 ? clientSideOpacity : 100);
}
}
}
};