Widget:MapLocation: Difference between revisions

Revision as of 18:28, 9 August 2017

<style>

map-container{

   position:relative;
   width:300px;
   height:300px;

}

map-svg{

   position:absolute;
   left:0px;
   top:0px;

}

map-catcher{

   position:absolute;
   left:0px;
   top:0px;
   height:100%;
   width:100%;

</style> <script type="text/javascript">

function clicked(evt){

   var e = evt.target;
   var dim = e.getBoundingClientRect();
   var x = evt.clientX - dim.left;
   var y = evt.clientY - dim.top;
   alert("x: "+x+" y:"+y);

}

</script>

menu-left

menu-right

Revision as of 18:28, 9 August 2017

Navigation

@@ Line 18: / Line 18: @@
 </style>
 <script type="text/javascript">
-var pt = svg.createSVGPoint();  // Created once for document
-function alert_coords(evt) {
+function clicked(evt){
-     pt.x = evt.clientX;
+     var e = evt.target;
-     pt.y = evt.clientY;
+    var dim = e.getBoundingClientRect();
+    var x = evt.clientX - dim.left;
+     var y = evt.clientY - dim.top;
+    alert("x: "+x+" y:"+y);
+}
-    // The cursor point, translated into svg coordinates
-    var cursorpt =  pt.matrixTransform(svg.getScreenCTM().inverse());
-    console.log("(" + cursorpt.x + ", " + cursorpt.y + ")");
-}
 </script>