title: Leaflet map not loading tiles
body: <p>My code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;OpenTTD Map&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;link rel="stylesheet" href="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.css" /&gt;
      &lt;script src="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="map" style="width: 1600px; height: 900px"&gt;&lt;/div&gt;
      &lt;script&gt;
  
          var tile_url = 'http://dev.ruun.nl/zelf/openttd/tiles/map_{x}_{y}.png';
  
          var map = L.map('map', {
            maxZoom: 20,
            minZoom: 20,
            crs: L.CRS.Simple
          }).setView([0, 0], 20);
          //65409x32839
          var southWest = map.unproject([0, 32839], map.getMaxZoom());
          var northEast = map.unproject([65409, 0], map.getMaxZoom());
          map.setMaxBounds(new L.LatLngBounds(southWest, northEast));
          L.tileLayer(tile_url, {
              attribution: 'Map data &amp;copy; Ieuan\'s OpenTTD World',    
              continuousWorld: true,
              tileSize: 256
          }).addTo(map);
  
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>For some reason my tiles aren't loading, map is just showing grey. They're not being downloaded by browser and I'm not getting any error messages</p>
  
  <p>The tiles are 256x256 parts of a 65409x32839 screenshot</p>
  
  <p>URL to view is <a href="http://dev.ruun.nl/zelf/openttd/" rel="nofollow">http://dev.ruun.nl/zelf/openttd/</a></p>