diff options
author | Vasudev Kamath <kamathvasudev@gmail.com> | 2012-05-12 12:10:09 +0530 |
---|---|---|
committer | Vasudev Kamath <kamathvasudev@gmail.com> | 2012-05-12 12:10:09 +0530 |
commit | 10db2f00f9f90cb7ee9fbd94a5c986427de779c2 (patch) | |
tree | 9504ad13c592621521f7051fb06b5ca81ce1d757 /view/theme/diabook/js/jquery.mapquery.mqMousePosition.js | |
parent | b5e857c0e7ccf4ef3d33e5b6d0a4325b693a8e80 (diff) | |
parent | 2454028ef61a3ea1dd8308896c8bbf1f04f97ac9 (diff) | |
download | volse-hubzilla-10db2f00f9f90cb7ee9fbd94a5c986427de779c2.tar.gz volse-hubzilla-10db2f00f9f90cb7ee9fbd94a5c986427de779c2.tar.bz2 volse-hubzilla-10db2f00f9f90cb7ee9fbd94a5c986427de779c2.zip |
Merge branch 'master' of git://github.com/friendica/friendica
Diffstat (limited to 'view/theme/diabook/js/jquery.mapquery.mqMousePosition.js')
-rw-r--r-- | view/theme/diabook/js/jquery.mapquery.mqMousePosition.js | 92 |
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); |