UNPKG

openlayers

Version:

Build tools and sources for developing OpenLayers based mapping applications

79 lines (65 loc) 2.12 kB
goog.provide('ol.control.ZoomToExtent'); goog.require('ol'); goog.require('ol.events'); goog.require('ol.events.EventType'); goog.require('ol.control.Control'); goog.require('ol.css'); /** * @classdesc * A button control which, when pressed, changes the map view to a specific * extent. To style this control use the css selector `.ol-zoom-extent`. * * @constructor * @extends {ol.control.Control} * @param {olx.control.ZoomToExtentOptions=} opt_options Options. * @api stable */ ol.control.ZoomToExtent = function(opt_options) { var options = opt_options ? opt_options : {}; /** * @type {ol.Extent} * @private */ this.extent_ = options.extent ? options.extent : null; var className = options.className !== undefined ? options.className : 'ol-zoom-extent'; var label = options.label !== undefined ? options.label : 'E'; var tipLabel = options.tipLabel !== undefined ? options.tipLabel : 'Fit to extent'; var button = document.createElement('button'); button.setAttribute('type', 'button'); button.title = tipLabel; button.appendChild( typeof label === 'string' ? document.createTextNode(label) : label ); ol.events.listen(button, ol.events.EventType.CLICK, this.handleClick_, this); var cssClasses = className + ' ' + ol.css.CLASS_UNSELECTABLE + ' ' + ol.css.CLASS_CONTROL; var element = document.createElement('div'); element.className = cssClasses; element.appendChild(button); ol.control.Control.call(this, { element: element, target: options.target }); }; ol.inherits(ol.control.ZoomToExtent, ol.control.Control); /** * @param {Event} event The event to handle * @private */ ol.control.ZoomToExtent.prototype.handleClick_ = function(event) { event.preventDefault(); this.handleZoomToExtent_(); }; /** * @private */ ol.control.ZoomToExtent.prototype.handleZoomToExtent_ = function() { var map = this.getMap(); var view = map.getView(); var extent = !this.extent_ ? view.getProjection().getExtent() : this.extent_; var size = /** @type {ol.Size} */ (map.getSize()); view.fit(extent, size); };