Merge Map and MapRenderer
This commit is contained in:
Tom Payne
262
src/ol/map.js
262
src/ol/map.js
@@ -1,26 +1,17 @@
|
||||
goog.provide('ol.Map');
|
||||
goog.provide('ol.MapProperty');
|
||||
|
||||
goog.require('goog.array');
|
||||
goog.require('goog.events');
|
||||
goog.require('goog.events.Event');
|
||||
goog.require('goog.events.EventType');
|
||||
goog.require('goog.object');
|
||||
goog.require('ol.Array');
|
||||
goog.require('ol.Camera');
|
||||
goog.require('ol.DOMMapRenderer');
|
||||
goog.require('ol.MapRenderer');
|
||||
goog.require('ol.MapRendererProperty');
|
||||
goog.require('ol.CameraProperty');
|
||||
goog.require('ol.LayerRenderer');
|
||||
goog.require('ol.Object');
|
||||
goog.require('ol.Projection');
|
||||
goog.require('ol.WebGLMapRenderer');
|
||||
|
||||
|
||||
/**
|
||||
* @define {boolean} Whether to enable the DOM renderer.
|
||||
*/
|
||||
ol.ENABLE_DOM_RENDERER = true;
|
||||
|
||||
|
||||
/**
|
||||
* @define {boolean} Whether to enable the WebGL renderer.
|
||||
*/
|
||||
ol.ENABLE_WEBGL_RENDERER = true;
|
||||
|
||||
|
||||
/**
|
||||
@@ -37,8 +28,8 @@ ol.MapProperty = {
|
||||
/**
|
||||
* @constructor
|
||||
* @extends {ol.Object}
|
||||
* @param {!HTMLDivElement} target Target.
|
||||
* @param {Object.<string, *>=} opt_values Values.
|
||||
* @param {HTMLDivElement} target Target.
|
||||
* @param {Object=} opt_values Values.
|
||||
*/
|
||||
ol.Map = function(target, opt_values) {
|
||||
|
||||
@@ -52,48 +43,73 @@ ol.Map = function(target, opt_values) {
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @type {ol.MapRenderer}
|
||||
* @type {goog.math.Size}
|
||||
*/
|
||||
this.mapRenderer_ = null;
|
||||
this.size_ = new goog.math.Size(target.clientWidth, target.clientHeight);
|
||||
|
||||
if (ol.ENABLE_WEBGL_RENDERER && goog.isNull(this.mapRenderer_)) {
|
||||
if (ol.WebGLMapRenderer.isSupported()) {
|
||||
this.mapRenderer_ = new ol.WebGLMapRenderer(this.target_);
|
||||
}
|
||||
/**
|
||||
* @private
|
||||
* @type {Array.<number>}
|
||||
*/
|
||||
this.cameraListenerKeys_ = null;
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @type {Array.<number>}
|
||||
*/
|
||||
this.layersListenerKeys_ = null;
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @type {Object.<number, ol.LayerRenderer>}
|
||||
*/
|
||||
this.layerRenderers_ = {};
|
||||
|
||||
goog.events.listen(target, goog.events.EventType.RESIZE,
|
||||
this.handleTargetResize, false, this);
|
||||
|
||||
goog.events.listen(
|
||||
this, ol.Object.getChangedEventType(ol.MapProperty.CAMERA),
|
||||
this.handleCameraChanged, false, this);
|
||||
|
||||
goog.events.listen(
|
||||
this, ol.Object.getChangedEventType(ol.MapProperty.LAYERS),
|
||||
this.handleLayersChanged, false, this);
|
||||
|
||||
if (goog.isDef(opt_values)) {
|
||||
this.setValues(opt_values);
|
||||
}
|
||||
|
||||
if (ol.ENABLE_DOM_RENDERER && goog.isNull(this.mapRenderer_)) {
|
||||
if (ol.DOMMapRenderer.isSupported()) {
|
||||
this.mapRenderer_ = new ol.DOMMapRenderer(this.target_);
|
||||
}
|
||||
}
|
||||
|
||||
goog.asserts.assert(!goog.isNull(this.mapRenderer_));
|
||||
|
||||
this.mapRenderer_.bindTo(
|
||||
ol.MapRendererProperty.CAMERA, this, ol.MapProperty.CAMERA);
|
||||
this.mapRenderer_.bindTo(
|
||||
ol.MapRendererProperty.LAYERS, this, ol.MapProperty.LAYERS);
|
||||
|
||||
var values = goog.isDef(opt_values) ? goog.object.clone(opt_values) : {};
|
||||
|
||||
if (!(ol.MapProperty.CAMERA in values)) {
|
||||
values[ol.MapProperty.CAMERA] = new ol.Camera();
|
||||
}
|
||||
if (!(ol.MapProperty.LAYERS in values)) {
|
||||
values[ol.MapProperty.LAYERS] = new ol.Array();
|
||||
}
|
||||
if (!(ol.MapProperty.PROJECTION in values)) {
|
||||
values[ol.MapProperty.PROJECTION] =
|
||||
ol.Projection.createFromCode('EPSG:3857');
|
||||
}
|
||||
|
||||
this.setValues(values);
|
||||
|
||||
};
|
||||
goog.inherits(ol.Map, ol.Object);
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.Layer} layer Layer.
|
||||
* @protected
|
||||
* @return {ol.LayerRenderer} layerRenderer Layer renderer.
|
||||
*/
|
||||
ol.Map.prototype.createLayerRenderer = goog.abstractMethod;
|
||||
|
||||
|
||||
/**
|
||||
* @protected
|
||||
* @param {function(this: T, ol.LayerRenderer)} f Function.
|
||||
* @param {T=} opt_obj The object to be used for the value of 'this' within f.
|
||||
* @template T
|
||||
*/
|
||||
ol.Map.prototype.forEachLayerRenderer = function(f, opt_obj) {
|
||||
var layers = this.getLayers();
|
||||
if (goog.isDefAndNotNull(layers)) {
|
||||
layers.forEach(function(layer) {
|
||||
var key = goog.getUid(layer);
|
||||
var layerRenderer = this.layerRenderers_[key];
|
||||
f.call(opt_obj, layerRenderer);
|
||||
}, this);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @return {ol.Camera} Camera.
|
||||
*/
|
||||
@@ -118,6 +134,15 @@ ol.Map.prototype.getProjection = function() {
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @protected
|
||||
* @return {goog.math.Size} Size.
|
||||
*/
|
||||
ol.Map.prototype.getSize = function() {
|
||||
return this.size_;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @return {HTMLDivElement} Target.
|
||||
*/
|
||||
@@ -126,6 +151,123 @@ ol.Map.prototype.getTarget = function() {
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @protected
|
||||
*/
|
||||
ol.Map.prototype.handleCameraChanged = function() {
|
||||
if (!goog.isNull(this.cameraListenerKeys_)) {
|
||||
goog.array.forEach(this.cameraListenerKeys_, goog.events.unlistenByKey);
|
||||
this.cameraListenerKeys_ = null;
|
||||
}
|
||||
var camera = this.getCamera();
|
||||
if (goog.isDefAndNotNull(camera)) {
|
||||
this.cameraListenerKeys_ = goog.array.map(
|
||||
goog.object.getValues(ol.CameraProperty),
|
||||
function(cameraProperty) {
|
||||
return goog.events.listen(camera, cameraProperty,
|
||||
this.handleCameraPropertyChanged, false, this);
|
||||
},
|
||||
this);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @protected
|
||||
*/
|
||||
ol.Map.prototype.handleCameraPropertyChanged = goog.nullFunction;
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.Layer} layer Layer.
|
||||
* @protected
|
||||
*/
|
||||
ol.Map.prototype.handleLayerAdd = function(layer) {
|
||||
var key = goog.getUid(layer);
|
||||
var layerRenderer = this.createLayerRenderer(layer);
|
||||
this.layerRenderers_[key] = layerRenderer;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.Layer} layer Layer.
|
||||
* @protected
|
||||
*/
|
||||
ol.Map.prototype.handleLayerRemove = function(layer) {
|
||||
var key = goog.getUid(layer);
|
||||
goog.asserts.assert(key in this.layerRenderers_);
|
||||
var layerRenderer = this.layerRenderers_[key];
|
||||
delete this.layerRenderers_[key];
|
||||
goog.dispose(layerRenderer);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.ArrayEvent} event Event.
|
||||
* @protected
|
||||
*/
|
||||
ol.Map.prototype.handleLayersInsertAt = function(event) {
|
||||
var layers = /** @type {ol.Array} */ (event.target);
|
||||
var layer = /** @type {ol.Layer} */ layers.getAt(event.index);
|
||||
this.handleLayerAdd(layer);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.ArrayEvent} event Event.
|
||||
* @protected
|
||||
*/
|
||||
ol.Map.prototype.handleLayersRemoveAt = function(event) {
|
||||
var layer = /** @type {ol.Layer} */ (event.prev);
|
||||
this.handleLayerRemove(layer);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.ArrayEvent} event Event.
|
||||
* @protected
|
||||
*/
|
||||
ol.Map.prototype.handleLayersSetAt = function(event) {
|
||||
var prevLayer = /** @type {ol.Layer} */ (event.prev);
|
||||
this.handleLayerRemove(prevLayer);
|
||||
var layers = /** @type {ol.Array} */ (event.target);
|
||||
var layer = /** @type {ol.Layer} */ layers.getAt(event.index);
|
||||
this.handleLayerAdd(layer);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
*/
|
||||
ol.Map.prototype.handleLayersChanged = function() {
|
||||
if (!goog.isNull(this.layersListenerKeys_)) {
|
||||
goog.array.forEach(this.layersListenerKeys_, goog.events.unlistenByKey);
|
||||
this.layersListenerKeys_ = null;
|
||||
}
|
||||
var layers = this.getLayers();
|
||||
if (goog.isDefAndNotNull(layers)) {
|
||||
this.layersListenerKeys_ = [
|
||||
goog.events.listen(layers, ol.ArrayEventType.INSERT_AT,
|
||||
this.handleLayersInsertAt, false, this),
|
||||
goog.events.listen(layers, ol.ArrayEventType.REMOVE_AT,
|
||||
this.handleLayersRemoveAt, false, this),
|
||||
goog.events.listen(layers, ol.ArrayEventType.SET_AT,
|
||||
this.handleLayersSetAt, false, this)
|
||||
];
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {goog.events.Event} event Event.
|
||||
* @protected
|
||||
*/
|
||||
ol.Map.prototype.handleTargetResize = function(event) {
|
||||
goog.asserts.assert(event.target == this.target_);
|
||||
this.size_.width = this.target_.clientWidth;
|
||||
this.size_.height = this.target_.clientHeight;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.Camera} camera Camera.
|
||||
*/
|
||||
@@ -134,17 +276,17 @@ ol.Map.prototype.setCamera = function(camera) {
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.Projection} projection Projection.
|
||||
*/
|
||||
ol.Map.prototype.setProjection = function(projection) {
|
||||
this.set(ol.MapProperty.PROJECTION, projection);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.Array} layers Layers.
|
||||
*/
|
||||
ol.Map.prototype.setLayers = function(layers) {
|
||||
this.set(ol.MapProperty.LAYERS, layers);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* @param {ol.Projection} projection Projection.
|
||||
*/
|
||||
ol.Map.prototype.setProjection = function(projection) {
|
||||
this.set(ol.MapProperty.PROJECTION, projection);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user