252 lines
6.4 KiB
JavaScript
252 lines
6.4 KiB
JavaScript
goog.provide('ol.source.ImageMapGuide');
|
|
|
|
goog.require('goog.events');
|
|
goog.require('goog.events.EventType');
|
|
goog.require('goog.object');
|
|
goog.require('goog.uri.utils');
|
|
goog.require('ol.Image');
|
|
goog.require('ol.ImageLoadFunctionType');
|
|
goog.require('ol.ImageUrlFunction');
|
|
goog.require('ol.extent');
|
|
goog.require('ol.source.Image');
|
|
|
|
|
|
|
|
/**
|
|
* @classdesc
|
|
* Source for images from Mapguide servers
|
|
*
|
|
* @constructor
|
|
* @fires ol.source.ImageEvent
|
|
* @extends {ol.source.Image}
|
|
* @param {olx.source.ImageMapGuideOptions} options Options.
|
|
* @api stable
|
|
*/
|
|
ol.source.ImageMapGuide = function(options) {
|
|
|
|
goog.base(this, {
|
|
projection: options.projection,
|
|
resolutions: options.resolutions
|
|
});
|
|
|
|
/**
|
|
* @private
|
|
* @type {?string}
|
|
*/
|
|
this.crossOrigin_ =
|
|
options.crossOrigin !== undefined ? options.crossOrigin : null;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.displayDpi_ = options.displayDpi !== undefined ?
|
|
options.displayDpi : 96;
|
|
|
|
/**
|
|
* @private
|
|
* @type {Object}
|
|
*/
|
|
this.params_ = options.params !== undefined ? options.params : {};
|
|
|
|
var imageUrlFunction;
|
|
if (options.url !== undefined) {
|
|
imageUrlFunction = ol.ImageUrlFunction.createFromParamsFunction(
|
|
options.url, this.params_, goog.bind(this.getUrl, this));
|
|
} else {
|
|
imageUrlFunction = ol.ImageUrlFunction.nullImageUrlFunction;
|
|
}
|
|
|
|
/**
|
|
* @private
|
|
* @type {ol.ImageUrlFunctionType}
|
|
*/
|
|
this.imageUrlFunction_ = imageUrlFunction;
|
|
|
|
/**
|
|
* @private
|
|
* @type {ol.ImageLoadFunctionType}
|
|
*/
|
|
this.imageLoadFunction_ = options.imageLoadFunction !== undefined ?
|
|
options.imageLoadFunction : ol.source.Image.defaultImageLoadFunction;
|
|
|
|
/**
|
|
* @private
|
|
* @type {boolean}
|
|
*/
|
|
this.hidpi_ = options.hidpi !== undefined ? options.hidpi : true;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.metersPerUnit_ = options.metersPerUnit !== undefined ?
|
|
options.metersPerUnit : 1;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.ratio_ = options.ratio !== undefined ? options.ratio : 1;
|
|
|
|
/**
|
|
* @private
|
|
* @type {boolean}
|
|
*/
|
|
this.useOverlay_ = options.useOverlay !== undefined ?
|
|
options.useOverlay : false;
|
|
|
|
/**
|
|
* @private
|
|
* @type {ol.Image}
|
|
*/
|
|
this.image_ = null;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.renderedRevision_ = 0;
|
|
|
|
};
|
|
goog.inherits(ol.source.ImageMapGuide, ol.source.Image);
|
|
|
|
|
|
/**
|
|
* Get the user-provided params, i.e. those passed to the constructor through
|
|
* the "params" option, and possibly updated using the updateParams method.
|
|
* @return {Object} Params.
|
|
* @api stable
|
|
*/
|
|
ol.source.ImageMapGuide.prototype.getParams = function() {
|
|
return this.params_;
|
|
};
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.source.ImageMapGuide.prototype.getImageInternal =
|
|
function(extent, resolution, pixelRatio, projection) {
|
|
resolution = this.findNearestResolution(resolution);
|
|
pixelRatio = this.hidpi_ ? pixelRatio : 1;
|
|
|
|
var image = this.image_;
|
|
if (image &&
|
|
this.renderedRevision_ == this.getRevision() &&
|
|
image.getResolution() == resolution &&
|
|
image.getPixelRatio() == pixelRatio &&
|
|
ol.extent.containsExtent(image.getExtent(), extent)) {
|
|
return image;
|
|
}
|
|
|
|
if (this.ratio_ != 1) {
|
|
extent = extent.slice();
|
|
ol.extent.scaleFromCenter(extent, this.ratio_);
|
|
}
|
|
var width = ol.extent.getWidth(extent) / resolution;
|
|
var height = ol.extent.getHeight(extent) / resolution;
|
|
var size = [width * pixelRatio, height * pixelRatio];
|
|
|
|
var imageUrl = this.imageUrlFunction_(extent, size, projection);
|
|
if (imageUrl !== undefined) {
|
|
image = new ol.Image(extent, resolution, pixelRatio,
|
|
this.getAttributions(), imageUrl, this.crossOrigin_,
|
|
this.imageLoadFunction_);
|
|
goog.events.listen(image, goog.events.EventType.CHANGE,
|
|
this.handleImageChange, false, this);
|
|
} else {
|
|
image = null;
|
|
}
|
|
this.image_ = image;
|
|
this.renderedRevision_ = this.getRevision();
|
|
|
|
return image;
|
|
};
|
|
|
|
|
|
/**
|
|
* Return the image load function of the source.
|
|
* @return {ol.ImageLoadFunctionType} The image load function.
|
|
* @api
|
|
*/
|
|
ol.source.ImageMapGuide.prototype.getImageLoadFunction = function() {
|
|
return this.imageLoadFunction_;
|
|
};
|
|
|
|
|
|
/**
|
|
* @param {ol.Extent} extent The map extents.
|
|
* @param {ol.Size} size The viewport size.
|
|
* @param {number} metersPerUnit The meters-per-unit value.
|
|
* @param {number} dpi The display resolution.
|
|
* @return {number} The computed map scale.
|
|
*/
|
|
ol.source.ImageMapGuide.getScale = function(extent, size, metersPerUnit, dpi) {
|
|
var mcsW = ol.extent.getWidth(extent);
|
|
var mcsH = ol.extent.getHeight(extent);
|
|
var devW = size[0];
|
|
var devH = size[1];
|
|
var mpp = 0.0254 / dpi;
|
|
if (devH * mcsW > devW * mcsH) {
|
|
return mcsW * metersPerUnit / (devW * mpp); // width limited
|
|
} else {
|
|
return mcsH * metersPerUnit / (devH * mpp); // height limited
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Update the user-provided params.
|
|
* @param {Object} params Params.
|
|
* @api stable
|
|
*/
|
|
ol.source.ImageMapGuide.prototype.updateParams = function(params) {
|
|
goog.object.extend(this.params_, params);
|
|
this.changed();
|
|
};
|
|
|
|
|
|
/**
|
|
* @param {string} baseUrl The mapagent url.
|
|
* @param {Object.<string, string|number>} params Request parameters.
|
|
* @param {ol.Extent} extent Extent.
|
|
* @param {ol.Size} size Size.
|
|
* @param {ol.proj.Projection} projection Projection.
|
|
* @return {string} The mapagent map image request URL.
|
|
*/
|
|
ol.source.ImageMapGuide.prototype.getUrl =
|
|
function(baseUrl, params, extent, size, projection) {
|
|
var scale = ol.source.ImageMapGuide.getScale(extent, size,
|
|
this.metersPerUnit_, this.displayDpi_);
|
|
var center = ol.extent.getCenter(extent);
|
|
var baseParams = {
|
|
'OPERATION': this.useOverlay_ ? 'GETDYNAMICMAPOVERLAYIMAGE' : 'GETMAPIMAGE',
|
|
'VERSION': '2.0.0',
|
|
'LOCALE': 'en',
|
|
'CLIENTAGENT': 'ol.source.ImageMapGuide source',
|
|
'CLIP': '1',
|
|
'SETDISPLAYDPI': this.displayDpi_,
|
|
'SETDISPLAYWIDTH': Math.round(size[0]),
|
|
'SETDISPLAYHEIGHT': Math.round(size[1]),
|
|
'SETVIEWSCALE': scale,
|
|
'SETVIEWCENTERX': center[0],
|
|
'SETVIEWCENTERY': center[1]
|
|
};
|
|
goog.object.extend(baseParams, params);
|
|
return goog.uri.utils.appendParamsFromMap(baseUrl, baseParams);
|
|
};
|
|
|
|
|
|
/**
|
|
* Set the image load function of the MapGuide source.
|
|
* @param {ol.ImageLoadFunctionType} imageLoadFunction Image load function.
|
|
* @api
|
|
*/
|
|
ol.source.ImageMapGuide.prototype.setImageLoadFunction = function(
|
|
imageLoadFunction) {
|
|
this.image_ = null;
|
|
this.imageLoadFunction_ = imageLoadFunction;
|
|
this.changed();
|
|
};
|