Widget:MapLocation: Difference between revisions

Revision as of 18:07, 9 August 2017

<style>

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

}

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

}

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

} </style>

$(document).ready(function () {

   $("#map-catcher").mousedown(function (e) {
       $("#coord").text("x:"+e.offsetX+", y:"+e.offsetY);
   });

});

}

</script>

@@ Line 1: / Line 1: @@
+<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>
-function changeXY() {
+$(document).ready(function () {
-     var marker = document.getElementById('marker');
+     $("#map-catcher").mousedown(function (e) {
-    var cx = document.getElementById("cx").value
+        $("#coord").text("x:"+e.offsetX+", y:"+e.offsetY);
-    var cy = document.getElementById("cy").value
+    });
+});
-    alert(cx + ' ' + cy);
-    marker.setAttribute('cx', cx);
-    marker.setAttribute('cy', cy);
 }
 </script>
-CX: <input type="text" id="cx" onchange="changeXY();"><br />
-CY: <input type="text" id="cy" onchange="changeXY();">