title: How to draw a svg in multiple locations, on top of another svg image
body: <p>I have drawn a floor map of a super market using MS Visio 2013. I have converted it to a svg file.
  What i want to do is to pin point some locations of the floor map using another svg file.</p>
  
  <p>I have tried this by many other means.
  I created a html 5 canvas and drew the map using javascript commands.Then i used a svg image to show the locations.</p>
  
  <pre><code>ctx.drawSvg('location.svg', x_coordinate , y_coordinate , 10, 14);
  
  //x_coordinate,y_coordinate is defining the multiple locations which this location.svg file will be drawn.
  </code></pre>
  
  <p>But results of that method was low in quality. Not to mention the fact that it gets more low quality when you zoom in to the map.</p>
  
  <p>I know the method of embedding a svg to a html page or using a svg file as a background.But with those two how can i use another svg file to pinpoint the multiple locations?</p>
  
  <p>Is there any way of doing this using svg files? :)</p>