Add offsetX and offsetY config options for ol.Overlay

src/objectliterals.jsdoc

@@ -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
  */
 

src/ol/overlay.js

@@ -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,7 +367,7 @@ 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) {
@@ -380,7 +392,7 @@ 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) {