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:300px;
+    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>
-<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
+    $marker.attr('cx', '800')
-$(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