title: Translate SVG circle coordinates to the leaflet geographical coordinate system
body: <p>I'm working a proof-of-concept app that shows a real-time map of the metros in Brussels (<a href="http://live.soft.brussels/" rel="nofollow noreferrer">see it</a>). I created the map using Adobe Illustrator, and I use a <em>circle</em> to represent each stop. For the map view, I'm using leafletjs.</p>
  
  <p>For example, this a simplified version of the svg map with a circle.</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5457 4961"&gt;
  &lt;defs&gt;&lt;style&gt;.a{fill:#fff;stroke:#000;stroke-miterlimit:10;}&lt;/style&gt;&lt;/defs&gt;
  &lt;title&gt;Simple Map&lt;/title&gt;
  &lt;circle class="a" cx="1957.5" cy="1399.5" r="4.5"/&gt;&lt;/svg&gt;
  </code></pre>
  
  <p>And this is the definition of my leafletjs map</p>
  
  <pre><code>var map = L.map('map', {
              crs: L.CRS.Simple,
              zoomDelta: 0.50,
              zoomSnap: 0,
              minZoom: -1,
              maxZoom: 1.5 ,
              touchZoom: true,
              fullscreenControl: true,
  });
  
  var bounds = [[0,0], [1000,1000]];
  var image = L.imageOverlay('./images/map.svg', bounds).addTo(map);
  </code></pre>
  
  <p>My question is:</p>
  
  <p>Could be possible to translate the <em>cx</em> and <em>cy</em> of the svg circle to the leaflet <em>geographical coordinate</em> system?</p>
  
  <p>I need to put a leaflet marker at all the stops where is a metro. Right now, for the only line showed on my map I obtained the coordinates by hand :(</p>
  
  <p>Thanks in advance!
  Humberto</p>