Add experimental controls infrastructure, thanks @elemoine

2012-07-18 13:32:22 +02:00
parent 1af79ede29
commit c6343ed2bc
11 changed files with 214 additions and 381 deletions
--- a/src/ol/control/Zoom.js
+++ b/src/ol/control/Zoom.js
@@ -1,122 +0,0 @@
-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'
-};