<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" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> $(document).ready(function () {

   $("#map-catcher").mousedown(function (e) {
       alert(e.offsetX);
   });

}); </script>