Widget:MapLocation: Difference between revisions

Latest revision as of 19:34, 9 August 2017

   var pt = svg.createSVGPoint(); 
   var $div = $(ev.target);
   var $display = $div.find('.display');
   var $marker= $svg.find('#marker');
   var cursorpt =  pt.matrixTransform(svg.getScreenCTM().inverse());
   
   var offset = $div.offset();
   var x = ev.clientX - offset.left;
   var y = ev.clientY - offset.top;

   var x2 = document.getElementById('marker').getAttribute('cx');
   var y2 = document.getElementById('marker').getAttribute('cy');
   
   $display.text('x: ' + x + ', y: ' + y2 + x2);
   
   $marker.attr('cx', '800')

});

}); </script>

@@ Line 1: / Line 1: @@
-<style>
+<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">
-#map-container{
+RLQ.push(function () {
-     position:relative;
+$('.clickable').bind('click', function (ev) {
-     width:300px;
+     var pt = svg.createSVGPoint();
-     height:auto;
+     var $div = $(ev.target);
-}
+     var $display = $div.find('.display');
-#map-svg{
+    var $marker= $svg.find('#marker');
-     position:absolute;
+    var cursorpt =  pt.matrixTransform(svg.getScreenCTM().inverse());
-     left:0px;
-     top:0px;
+     var offset = $div.offset();
-}
+     var x = ev.clientX - offset.left;
-#map-catcher{
+     var y = ev.clientY - offset.top;
-     position:absolute;
-     left:0px;
+    var x2 = document.getElementById('marker').getAttribute('cx');
-     top:0px;
+     var y2 = document.getElementById('marker').getAttribute('cy');
-     height:100%;
-     width:100%;
+     $display.text('x: ' + x + ', y: ' + y2 + x2);
-</style>
+     $marker.attr('cx', '800')
+});
-<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
-$(document).ready(function () {
-    $("#map-catcher").mousedown(function (e) {
-        alert(e.offsetX);
-    });
 });
 </script>

menu-left

menu-right

Latest revision as of 19:34, 9 August 2017

Navigation