title: Leaflet + local .osm file
body: <p>I've been using leaflet.js to render maps like it is shown in <a href="http://leafletjs.com/" rel="noreferrer">leaflet getting started page</a>:</p>
  
  <pre><code>L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { ...
  </code></pre>
  
  <p>I've download a .osm file (map.osm) from <a href="http://www.openstreetmap.org/" rel="noreferrer">openstreetmap</a> and I'm triying to figure our how can I use this file from leaflet like:</p>
  
  <pre><code>L.tileLayer('file:///./map.osm/{z}/{x}/{y}.png/{z}/{x}/{y}.png', { ...
  </code></pre>
  
  <p>In other cases I've used <a href="http://mobac.sourceforge.net/" rel="noreferrer">Mobile atlas creator</a> to download map layer and use them in leaflet. It downloads selected maps in a directory structure like zoom - x - y .png files (like: file_system\local_maps_dir\13\4049\2999.png where 13 is zoom latitude 4049 and longitude 2999). </p>
  
  <p>But now I need to load or use these .osm files with leaflet.</p>
  
  <p>Is there any way to do this? Do I need to convert this .osm file?</p>
  
  <p>Thanks everyone for your time.</p>