578f74eb86
Each control is responsible for its handlers. And all controls are rendered into an overlay, not any more depending on assumptions about link click handling.
122 lines
3.4 KiB
JavaScript
122 lines
3.4 KiB
JavaScript
goog.provide('ol.control.Zoom');
|
|
|
|
goog.require('ol.event');
|
|
goog.require('ol.control.Control');
|
|
|
|
goog.require('goog.dom');
|
|
|
|
|
|
/**
|
|
* @constructor
|
|
* @extends {ol.control.Control}
|
|
* @param {boolean|undefined} opt_autoActivate
|
|
*/
|
|
ol.control.Zoom = function(opt_autoActivate) {
|
|
|
|
goog.base(this, opt_autoActivate);
|
|
|
|
/**
|
|
* Activate this control when it is added to a map. Default is true.
|
|
*
|
|
* @type {boolean} autoActivate
|
|
*/
|
|
this.autoActivate_ =
|
|
goog.isDef(opt_autoActivate) ? opt_autoActivate : true;
|
|
|
|
};
|
|
goog.inherits(ol.control.Zoom, ol.control.Control);
|
|
|
|
/**
|
|
* @param {ol.Map} map
|
|
*/
|
|
ol.control.Zoom.prototype.setMap = function(map) {
|
|
goog.base(this, 'setMap', map);
|
|
var container = goog.dom.createDom('div', ol.control.Zoom.RES.CLS);
|
|
var inButton = goog.dom.createDom(
|
|
'div', ol.control.Zoom.RES.IN_CLS,
|
|
goog.dom.createDom('a', {'href': '#zoomIn'})
|
|
);
|
|
goog.dom.setTextContent(
|
|
/** @type {Element} */ (inButton.firstChild),
|
|
ol.control.Zoom.RES.IN_TEXT
|
|
);
|
|
var outButton = goog.dom.createDom(
|
|
'div', ol.control.Zoom.RES.OUT_CLS,
|
|
goog.dom.createDom('a', {'href': '#zoomOut'})
|
|
);
|
|
goog.dom.setTextContent(
|
|
/** @type {Element} */ (outButton.firstChild),
|
|
ol.control.Zoom.RES.OUT_TEXT
|
|
);
|
|
goog.dom.append(container, inButton, outButton);
|
|
|
|
var overlay = map.getStaticOverlay();
|
|
if (goog.isDefAndNotNull(overlay)) {
|
|
goog.dom.append(overlay, container);
|
|
}
|
|
};
|
|
|
|
/** @inheritDoc */
|
|
ol.control.Zoom.prototype.activate = function() {
|
|
var active = goog.base(this, 'activate');
|
|
if (active) {
|
|
this.map_.getEvents().register('click', this.handle, this);
|
|
this.map_.getEvents().register('keypress', this.handle, this);
|
|
}
|
|
return active;
|
|
};
|
|
|
|
/** @inheritDoc */
|
|
ol.control.Zoom.prototype.deactivate = function() {
|
|
var inactive = goog.base(this, 'deactivate');
|
|
if (inactive) {
|
|
this.map_.getEvents().unregister('click', this.handle, this);
|
|
this.map_.getEvents().unregister('keypress', this.handle, this);
|
|
}
|
|
return inactive;
|
|
};
|
|
|
|
/**
|
|
* @param {Event} evt
|
|
* @return {boolean}
|
|
*/
|
|
ol.control.Zoom.prototype.handle = function(evt) {
|
|
var target = /** @type {Node} */ (evt.target),
|
|
handled = false;
|
|
if (evt.type === 'click' || ol.event.isEnterOrSpace(evt)) {
|
|
if (goog.dom.getAncestorByClass(target, ol.control.Zoom.RES.IN_CLS)) {
|
|
this.map_.zoomIn();
|
|
handled = true;
|
|
} else
|
|
if (goog.dom.getAncestorByClass(target, ol.control.Zoom.RES.OUT_CLS)) {
|
|
this.map_.zoomOut();
|
|
handled = true;
|
|
}
|
|
if (handled) {
|
|
// Stop default behavior (i.e. don't follow link to anchor)
|
|
evt.preventDefault();
|
|
// On Android 2.3, the above does not prevent the link from being
|
|
// followed, but stopPropagation does.
|
|
evt.stopPropagation();
|
|
}
|
|
}
|
|
return !handled;
|
|
};
|
|
|
|
ol.control.Zoom.prototype.destroy = function() {
|
|
goog.dom.removeNode(goog.dom.getElementByClass(
|
|
ol.control.Zoom.RES.CLS,
|
|
/** @type {Element} */ (this.map_.getStaticOverlay())
|
|
));
|
|
goog.base(this, 'destroy');
|
|
};
|
|
|
|
ol.control.addControl('zoom', ol.control.Zoom);
|
|
|
|
ol.control.Zoom.RES = {
|
|
CLS: 'ol-control-zoom',
|
|
IN_CLS: 'ol-control-zoom-in',
|
|
OUT_CLS: 'ol-control-zoom-out',
|
|
IN_TEXT: '+',
|
|
OUT_TEXT: '\u2013'
|
|
}; |