<style>

1. map-container{

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

}

1. map-svg{

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

}

1. map-catcher{

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

</style> <script type="text/javascript"> var pt = svg.createSVGPoint(); // Created once for document

function alert_coords(evt) {

   pt.x = evt.clientX;
   pt.y = evt.clientY;

   // The cursor point, translated into svg coordinates
   var cursorpt =  pt.matrixTransform(svg.getScreenCTM().inverse());
   console.log("(" + cursorpt.x + ", " + cursorpt.y + ")");

} </script>