1 files changed, 92 insertions, 0 deletions
diff --git a/view/theme/diabook/js/jquery.mapquery.mqMousePosition.js b/view/theme/diabook/js/jquery.mapquery.mqMousePosition.js
new file mode 100644
index 000000000..9f7e151ff
--- /dev/null
+++ b/view/theme/diabook/js/jquery.mapquery.mqMousePosition.js
@@ -0,0 +1,92 @@
+/* Copyright (c) 2011 by MapQuery Contributors (see AUTHORS for
+ * full list of contributors). Published under the MIT license.
+ * See https://github.com/mapquery/mapquery/blob/master/LICENSE for the
+ * full text of the license. */
+
+/**
+#jquery.mapquery.mqMousePosition.js
+The file containing the mqMousePosition Widget
+
+### *$('selector')*.`mqMousePosition([options])`
+_version added 0.1_
+####**Description**: create a widget to show the location under the mouse pointer
+
+ + **options**
+  - **map**: the mapquery instance
+  - **precision**: the number of decimals (default 2)
+  - **x**: the label for the x-coordinate (default x)
+  - **y**: the label for the y-coordinate (default y)
+
+
+>Returns: widget
+
+
+The mqMousePosition allows us to show the coordinates under the mouse pointer
+
+
+     $('#mousepointer').mqMousePointer({
+        map: '#map'
+     });
+
+ */
+(function($) {
+$.template('mqMousePosition',
+    '<div class="mq-mouseposition ui-widget ui-helper-clearfix ">'+
+    '<span class="ui-widget-content ui-helper-clearfix ui-corner-all ui-corner-all">'+
+    '<div id="mq-mouseposition-x" class="mq-mouseposition-coordinate">'+
+    '</div><div id="mq-mouseposition-y" class="mq-mouseposition-coordinate">'+
+    '</div></div></span>');
+
+$.widget("mapQuery.mqMousePosition", {
+    options: {
+        // The MapQuery instance
+        map: undefined,
+
+        // The number of decimals for the coordinates
+        // default: 2
+        // TODO: JCB20110630 use dynamic precision based on the pixel
+        // resolution, no need to configure precision
+        precision: 2,
+
+        // The label of the x-value
+        // default: 'x'
+        x: 'x',
+        // The label of the y-value
+        // default: 'y'
+        y: 'y'
+
+    },
+    _create: function() {
+        //get the mapquery object
+        this.map = $(this.options.map).data('mapQuery');
+
+        this.map.element.bind('mousemove', {widget: this}, this._onMousemove);
+        $.tmpl('mqMousePosition', {}).appendTo(this.element);
+
+    },
+    _destroy: function() {
+        this.element.removeClass('ui-widget ui-helper-clearfix ' +
+                                 'ui-corner-all')
+            .empty();
+    },
+    _onMousemove: function(evt) {
+        var self = evt.data.widget;
+        var x = evt.pageX;
+        var y = evt.pageY;
+        var mapProjection = new OpenLayers.Projection(self.map.projection);
+        var displayProjection = new OpenLayers.Projection(
+            self.map.displayProjection);
+        var pos = self.map.olMap.getLonLatFromLayerPx(
+            new OpenLayers.Pixel(x, y));
+        //if the coordinates should be displayed in something else,
+        //set them via the map displayProjection option
+        if(!mapProjection.equals(self.map.displayProjection)) {
+            pos = pos.transform(mapProjection, displayProjection);
+        }
+        $("#id_diabook_ELPosX", document.element).val(
+            self.options.x + pos.lon.toFixed(self.options.precision));
+        $("#id_diabook_ELPosY", document.element).val(
+            self.options.y + pos.lat.toFixed(self.options.precision));
+    }
+});
+})(jQuery);