ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #1856 from bartvde/popup-anchor

Browse Source 
Add offsetX and offsetY config options for ol.Overlay (r=@fredj,@twpayne)
This commit is contained in:
Bart van den Eijnden
2014-03-13 15:44:48 +01:00
parent 9f1b695747 731e37349e
commit 88e7dde488
2 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/objectliterals.jsdoc
View File

@@ -74,6 +74,10 @@
* overlay is placed in the same container as that of the controls (see
* the `stopEvent` option) you will probably set `insertFirst` to `true`
* so the overlay is displayed below the controls.
* @property {number|undefined} offsetX Horizontal offset in pixels.
* A positive will shift the overlay right. Default is `0`.
* @property {number|undefined} offsetY Vertical offset in pixels.
* A positive will shift the overlay down. Default is `0`.
* @todo stability experimental
*/

20
src/ol/overlay.js
View File

@@ -81,6 +81,18 @@ ol.Overlay = function(options) {
*/
this.stopEvent_ = goog.isDef(options.stopEvent) ? options.stopEvent : true;
/**
* @private
* @type {number}
*/
this.offsetX_ = goog.isDef(options.offsetX) ? options.offsetX : 0;
/**
* @private
* @type {number}
*/
this.offsetY_ = goog.isDef(options.offsetY) ? options.offsetY : 0;
/**
* @private
* @type {Element}
@@ -355,11 +367,11 @@ ol.Overlay.prototype.updatePixelPosition_ = function() {
if (this.rendered_.right_ !== '') {
this.rendered_.right_ = style.right = '';
}
var offsetX = 0;
var offsetX = -this.offsetX_;
if (positioning == ol.OverlayPositioning.BOTTOM_CENTER ||
positioning == ol.OverlayPositioning.CENTER_CENTER ||
positioning == ol.OverlayPositioning.TOP_CENTER) {
offsetX = goog.style.getSize(this.element_).width / 2;
offsetX += goog.style.getSize(this.element_).width / 2;
}
var left = Math.round(pixel[0] - offsetX) + 'px';
if (this.rendered_.left_ != left) {
@@ -380,11 +392,11 @@ ol.Overlay.prototype.updatePixelPosition_ = function() {
if (this.rendered_.bottom_ !== '') {
this.rendered_.bottom_ = style.bottom = '';
}
var offsetY = 0;
var offsetY = -this.offsetY_;
if (positioning == ol.OverlayPositioning.CENTER_LEFT ||
positioning == ol.OverlayPositioning.CENTER_CENTER ||
positioning == ol.OverlayPositioning.CENTER_RIGHT) {
offsetY = goog.style.getSize(this.element_).height / 2;
offsetY += goog.style.getSize(this.element_).height / 2;
}
var top = Math.round(pixel[1] - offsetY) + 'px';
if (this.rendered_.top_ != top) {