<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.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js">

$(document).ready(function () {

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

});

</script>

asdf

   <object id="map-svg" type="image/svg+xml" data="http://upload.wikimedia.org/wikipedia/en/9/9a/Nickelodeon_logo.svg" style="width: 300px; height: 300px; border:1px solid black; ">Your browser does not support SVG</object>