<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">

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>