Rename _ol_control_OverviewMap_ to OverviewMap
This commit is contained in:
@@ -1,14 +1,14 @@
|
|||||||
import _ol_Map_ from '../src/ol/Map.js';
|
import _ol_Map_ from '../src/ol/Map.js';
|
||||||
import _ol_View_ from '../src/ol/View.js';
|
import _ol_View_ from '../src/ol/View.js';
|
||||||
import _ol_control_ from '../src/ol/control.js';
|
import _ol_control_ from '../src/ol/control.js';
|
||||||
import _ol_control_OverviewMap_ from '../src/ol/control/OverviewMap.js';
|
import OverviewMap from '../src/ol/control/OverviewMap.js';
|
||||||
import _ol_interaction_ from '../src/ol/interaction.js';
|
import _ol_interaction_ from '../src/ol/interaction.js';
|
||||||
import _ol_interaction_DragRotateAndZoom_ from '../src/ol/interaction/DragRotateAndZoom.js';
|
import _ol_interaction_DragRotateAndZoom_ from '../src/ol/interaction/DragRotateAndZoom.js';
|
||||||
import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
|
import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
|
||||||
import _ol_source_OSM_ from '../src/ol/source/OSM.js';
|
import _ol_source_OSM_ from '../src/ol/source/OSM.js';
|
||||||
|
|
||||||
|
|
||||||
var overviewMapControl = new _ol_control_OverviewMap_({
|
var overviewMapControl = new OverviewMap({
|
||||||
// see in overviewmap-custom.html to see the custom CSS used
|
// see in overviewmap-custom.html to see the custom CSS used
|
||||||
className: 'ol-overviewmap ol-custom-overviewmap',
|
className: 'ol-overviewmap ol-custom-overviewmap',
|
||||||
layers: [
|
layers: [
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
import _ol_Map_ from '../src/ol/Map.js';
|
import _ol_Map_ from '../src/ol/Map.js';
|
||||||
import _ol_View_ from '../src/ol/View.js';
|
import _ol_View_ from '../src/ol/View.js';
|
||||||
import _ol_control_ from '../src/ol/control.js';
|
import _ol_control_ from '../src/ol/control.js';
|
||||||
import _ol_control_OverviewMap_ from '../src/ol/control/OverviewMap.js';
|
import OverviewMap from '../src/ol/control/OverviewMap.js';
|
||||||
import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
|
import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
|
||||||
import _ol_source_OSM_ from '../src/ol/source/OSM.js';
|
import _ol_source_OSM_ from '../src/ol/source/OSM.js';
|
||||||
|
|
||||||
var map = new _ol_Map_({
|
var map = new _ol_Map_({
|
||||||
controls: _ol_control_.defaults().extend([
|
controls: _ol_control_.defaults().extend([
|
||||||
new _ol_control_OverviewMap_()
|
new OverviewMap()
|
||||||
]),
|
]),
|
||||||
layers: [
|
layers: [
|
||||||
new _ol_layer_Tile_({
|
new _ol_layer_Tile_({
|
||||||
|
|||||||
@@ -42,7 +42,7 @@ var MIN_RATIO = 0.1;
|
|||||||
* @param {olx.control.OverviewMapOptions=} opt_options OverviewMap options.
|
* @param {olx.control.OverviewMapOptions=} opt_options OverviewMap options.
|
||||||
* @api
|
* @api
|
||||||
*/
|
*/
|
||||||
var _ol_control_OverviewMap_ = function(opt_options) {
|
var OverviewMap = function(opt_options) {
|
||||||
|
|
||||||
var options = opt_options ? opt_options : {};
|
var options = opt_options ? opt_options : {};
|
||||||
|
|
||||||
@@ -156,7 +156,7 @@ var _ol_control_OverviewMap_ = function(opt_options) {
|
|||||||
element.appendChild(this.ovmapDiv_);
|
element.appendChild(this.ovmapDiv_);
|
||||||
element.appendChild(button);
|
element.appendChild(button);
|
||||||
|
|
||||||
var render = options.render ? options.render : _ol_control_OverviewMap_.render;
|
var render = options.render ? options.render : OverviewMap.render;
|
||||||
|
|
||||||
Control.call(this, {
|
Control.call(this, {
|
||||||
element: element,
|
element: element,
|
||||||
@@ -203,14 +203,14 @@ var _ol_control_OverviewMap_ = function(opt_options) {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
inherits(_ol_control_OverviewMap_, Control);
|
inherits(OverviewMap, Control);
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @inheritDoc
|
* @inheritDoc
|
||||||
* @api
|
* @api
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.setMap = function(map) {
|
OverviewMap.prototype.setMap = function(map) {
|
||||||
var oldMap = this.getMap();
|
var oldMap = this.getMap();
|
||||||
if (map === oldMap) {
|
if (map === oldMap) {
|
||||||
return;
|
return;
|
||||||
@@ -252,7 +252,7 @@ _ol_control_OverviewMap_.prototype.setMap = function(map) {
|
|||||||
* @param {ol.Object.Event} event The propertychange event.
|
* @param {ol.Object.Event} event The propertychange event.
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.handleMapPropertyChange_ = function(event) {
|
OverviewMap.prototype.handleMapPropertyChange_ = function(event) {
|
||||||
if (event.key === _ol_MapProperty_.VIEW) {
|
if (event.key === _ol_MapProperty_.VIEW) {
|
||||||
var oldView = /** @type {ol.View} */ (event.oldValue);
|
var oldView = /** @type {ol.View} */ (event.oldValue);
|
||||||
if (oldView) {
|
if (oldView) {
|
||||||
@@ -269,7 +269,7 @@ _ol_control_OverviewMap_.prototype.handleMapPropertyChange_ = function(event) {
|
|||||||
* @param {ol.View} view The view.
|
* @param {ol.View} view The view.
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.bindView_ = function(view) {
|
OverviewMap.prototype.bindView_ = function(view) {
|
||||||
_ol_events_.listen(view,
|
_ol_events_.listen(view,
|
||||||
_ol_Object_.getChangeEventType(_ol_ViewProperty_.ROTATION),
|
_ol_Object_.getChangeEventType(_ol_ViewProperty_.ROTATION),
|
||||||
this.handleRotationChanged_, this);
|
this.handleRotationChanged_, this);
|
||||||
@@ -281,7 +281,7 @@ _ol_control_OverviewMap_.prototype.bindView_ = function(view) {
|
|||||||
* @param {ol.View} view The view.
|
* @param {ol.View} view The view.
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.unbindView_ = function(view) {
|
OverviewMap.prototype.unbindView_ = function(view) {
|
||||||
_ol_events_.unlisten(view,
|
_ol_events_.unlisten(view,
|
||||||
_ol_Object_.getChangeEventType(_ol_ViewProperty_.ROTATION),
|
_ol_Object_.getChangeEventType(_ol_ViewProperty_.ROTATION),
|
||||||
this.handleRotationChanged_, this);
|
this.handleRotationChanged_, this);
|
||||||
@@ -294,7 +294,7 @@ _ol_control_OverviewMap_.prototype.unbindView_ = function(view) {
|
|||||||
* overview map's view.
|
* overview map's view.
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.handleRotationChanged_ = function() {
|
OverviewMap.prototype.handleRotationChanged_ = function() {
|
||||||
this.ovmap_.getView().setRotation(this.getMap().getView().getRotation());
|
this.ovmap_.getView().setRotation(this.getMap().getView().getRotation());
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -305,7 +305,7 @@ _ol_control_OverviewMap_.prototype.handleRotationChanged_ = function() {
|
|||||||
* @this {ol.control.OverviewMap}
|
* @this {ol.control.OverviewMap}
|
||||||
* @api
|
* @api
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.render = function(mapEvent) {
|
OverviewMap.render = function(mapEvent) {
|
||||||
this.validateExtent_();
|
this.validateExtent_();
|
||||||
this.updateBox_();
|
this.updateBox_();
|
||||||
};
|
};
|
||||||
@@ -322,7 +322,7 @@ _ol_control_OverviewMap_.render = function(mapEvent) {
|
|||||||
* main map center location.
|
* main map center location.
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.validateExtent_ = function() {
|
OverviewMap.prototype.validateExtent_ = function() {
|
||||||
var map = this.getMap();
|
var map = this.getMap();
|
||||||
var ovmap = this.ovmap_;
|
var ovmap = this.ovmap_;
|
||||||
|
|
||||||
@@ -367,7 +367,7 @@ _ol_control_OverviewMap_.prototype.validateExtent_ = function() {
|
|||||||
* the extent of the main map.
|
* the extent of the main map.
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.resetExtent_ = function() {
|
OverviewMap.prototype.resetExtent_ = function() {
|
||||||
if (MAX_RATIO === 0 || MIN_RATIO === 0) {
|
if (MAX_RATIO === 0 || MIN_RATIO === 0) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -398,7 +398,7 @@ _ol_control_OverviewMap_.prototype.resetExtent_ = function() {
|
|||||||
* resolution.
|
* resolution.
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.recenter_ = function() {
|
OverviewMap.prototype.recenter_ = function() {
|
||||||
var map = this.getMap();
|
var map = this.getMap();
|
||||||
var ovmap = this.ovmap_;
|
var ovmap = this.ovmap_;
|
||||||
|
|
||||||
@@ -414,7 +414,7 @@ _ol_control_OverviewMap_.prototype.recenter_ = function() {
|
|||||||
* Update the box using the main map extent
|
* Update the box using the main map extent
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.updateBox_ = function() {
|
OverviewMap.prototype.updateBox_ = function() {
|
||||||
var map = this.getMap();
|
var map = this.getMap();
|
||||||
var ovmap = this.ovmap_;
|
var ovmap = this.ovmap_;
|
||||||
|
|
||||||
@@ -455,7 +455,7 @@ _ol_control_OverviewMap_.prototype.updateBox_ = function() {
|
|||||||
* @return {ol.Coordinate|undefined} Coordinate for rotation and center anchor.
|
* @return {ol.Coordinate|undefined} Coordinate for rotation and center anchor.
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.calculateCoordinateRotate_ = function(
|
OverviewMap.prototype.calculateCoordinateRotate_ = function(
|
||||||
rotation, coordinate) {
|
rotation, coordinate) {
|
||||||
var coordinateRotate;
|
var coordinateRotate;
|
||||||
|
|
||||||
@@ -480,7 +480,7 @@ _ol_control_OverviewMap_.prototype.calculateCoordinateRotate_ = function(
|
|||||||
* @param {Event} event The event to handle
|
* @param {Event} event The event to handle
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.handleClick_ = function(event) {
|
OverviewMap.prototype.handleClick_ = function(event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
this.handleToggle_();
|
this.handleToggle_();
|
||||||
};
|
};
|
||||||
@@ -489,7 +489,7 @@ _ol_control_OverviewMap_.prototype.handleClick_ = function(event) {
|
|||||||
/**
|
/**
|
||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.handleToggle_ = function() {
|
OverviewMap.prototype.handleToggle_ = function() {
|
||||||
this.element.classList.toggle('ol-collapsed');
|
this.element.classList.toggle('ol-collapsed');
|
||||||
if (this.collapsed_) {
|
if (this.collapsed_) {
|
||||||
replaceNode(this.collapseLabel_, this.label_);
|
replaceNode(this.collapseLabel_, this.label_);
|
||||||
@@ -518,7 +518,7 @@ _ol_control_OverviewMap_.prototype.handleToggle_ = function() {
|
|||||||
* @return {boolean} True if the widget is collapsible.
|
* @return {boolean} True if the widget is collapsible.
|
||||||
* @api
|
* @api
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.getCollapsible = function() {
|
OverviewMap.prototype.getCollapsible = function() {
|
||||||
return this.collapsible_;
|
return this.collapsible_;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -528,7 +528,7 @@ _ol_control_OverviewMap_.prototype.getCollapsible = function() {
|
|||||||
* @param {boolean} collapsible True if the widget is collapsible.
|
* @param {boolean} collapsible True if the widget is collapsible.
|
||||||
* @api
|
* @api
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.setCollapsible = function(collapsible) {
|
OverviewMap.prototype.setCollapsible = function(collapsible) {
|
||||||
if (this.collapsible_ === collapsible) {
|
if (this.collapsible_ === collapsible) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -547,7 +547,7 @@ _ol_control_OverviewMap_.prototype.setCollapsible = function(collapsible) {
|
|||||||
* @param {boolean} collapsed True if the widget is collapsed.
|
* @param {boolean} collapsed True if the widget is collapsed.
|
||||||
* @api
|
* @api
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.setCollapsed = function(collapsed) {
|
OverviewMap.prototype.setCollapsed = function(collapsed) {
|
||||||
if (!this.collapsible_ || this.collapsed_ === collapsed) {
|
if (!this.collapsible_ || this.collapsed_ === collapsed) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -560,7 +560,7 @@ _ol_control_OverviewMap_.prototype.setCollapsed = function(collapsed) {
|
|||||||
* @return {boolean} The overview map is collapsed.
|
* @return {boolean} The overview map is collapsed.
|
||||||
* @api
|
* @api
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.getCollapsed = function() {
|
OverviewMap.prototype.getCollapsed = function() {
|
||||||
return this.collapsed_;
|
return this.collapsed_;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -570,7 +570,7 @@ _ol_control_OverviewMap_.prototype.getCollapsed = function() {
|
|||||||
* @return {ol.PluggableMap} Overview map.
|
* @return {ol.PluggableMap} Overview map.
|
||||||
* @api
|
* @api
|
||||||
*/
|
*/
|
||||||
_ol_control_OverviewMap_.prototype.getOverviewMap = function() {
|
OverviewMap.prototype.getOverviewMap = function() {
|
||||||
return this.ovmap_;
|
return this.ovmap_;
|
||||||
};
|
};
|
||||||
export default _ol_control_OverviewMap_;
|
export default OverviewMap;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import _ol_Map_ from '../../../../src/ol/Map.js';
|
import _ol_Map_ from '../../../../src/ol/Map.js';
|
||||||
import _ol_View_ from '../../../../src/ol/View.js';
|
import _ol_View_ from '../../../../src/ol/View.js';
|
||||||
import Control from '../../../../src/ol/control/Control.js';
|
import Control from '../../../../src/ol/control/Control.js';
|
||||||
import _ol_control_OverviewMap_ from '../../../../src/ol/control/OverviewMap.js';
|
import OverviewMap from '../../../../src/ol/control/OverviewMap.js';
|
||||||
|
|
||||||
describe('ol.control.OverviewMap', function() {
|
describe('ol.control.OverviewMap', function() {
|
||||||
var map, target;
|
var map, target;
|
||||||
@@ -23,8 +23,8 @@ describe('ol.control.OverviewMap', function() {
|
|||||||
|
|
||||||
describe('constructor', function() {
|
describe('constructor', function() {
|
||||||
it('creates an overview map with the default options', function() {
|
it('creates an overview map with the default options', function() {
|
||||||
var control = new _ol_control_OverviewMap_();
|
var control = new OverviewMap();
|
||||||
expect(control).to.be.a(_ol_control_OverviewMap_);
|
expect(control).to.be.a(OverviewMap);
|
||||||
expect(control).to.be.a(Control);
|
expect(control).to.be.a(Control);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -39,7 +39,7 @@ describe('ol.control.OverviewMap', function() {
|
|||||||
});
|
});
|
||||||
map.setView(view);
|
map.setView(view);
|
||||||
|
|
||||||
var control = new _ol_control_OverviewMap_();
|
var control = new OverviewMap();
|
||||||
map.addControl(control);
|
map.addControl(control);
|
||||||
var ovView = control.ovmap_.getView();
|
var ovView = control.ovmap_.getView();
|
||||||
expect(ovView.getRotation()).to.be(0);
|
expect(ovView.getRotation()).to.be(0);
|
||||||
@@ -49,7 +49,7 @@ describe('ol.control.OverviewMap', function() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
it('maintains rotation in sync if view added later', function() {
|
it('maintains rotation in sync if view added later', function() {
|
||||||
var control = new _ol_control_OverviewMap_();
|
var control = new OverviewMap();
|
||||||
map.addControl(control);
|
map.addControl(control);
|
||||||
var ovView = control.ovmap_.getView();
|
var ovView = control.ovmap_.getView();
|
||||||
expect(ovView.getRotation()).to.be(0);
|
expect(ovView.getRotation()).to.be(0);
|
||||||
@@ -65,7 +65,7 @@ describe('ol.control.OverviewMap', function() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
it('stops listening to old maps', function() {
|
it('stops listening to old maps', function() {
|
||||||
var control = new _ol_control_OverviewMap_();
|
var control = new OverviewMap();
|
||||||
var ovView = control.ovmap_.getView();
|
var ovView = control.ovmap_.getView();
|
||||||
|
|
||||||
var view = new _ol_View_({
|
var view = new _ol_View_({
|
||||||
@@ -86,7 +86,7 @@ describe('ol.control.OverviewMap', function() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
it('set target to null', function() {
|
it('set target to null', function() {
|
||||||
var control = new _ol_control_OverviewMap_();
|
var control = new OverviewMap();
|
||||||
|
|
||||||
map.addControl(control);
|
map.addControl(control);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user