title: Leaflet - only one tile is loaded
body: <h2>DUPLICATED</h2>
  <p><a href="https://stackoverflow.com/questions/31454717/leaflet-only-loads-one-tile">Leaflet only loads one tile</a></p>
  <p>resolved invalidating map dimensions when the accordion (the map container) is fully opened</p>
  <pre><code>$('.ui.accordion').accordion({  
                  onOpen : function() {
                          map.invalidateSize(); //ripristina le dimensioni della mappa quando l'accordio ha terminato l'apertura
                  }
          });
  </code></pre>
  <p>===============================================================</p>
  <p>i've tried to use a map with openstreetmap tiles and markers
  but it is loaded only one tile (top left) and leaflet control doesn't adjust the map accordingly</p>
  <pre><code>var places = [
                  [&quot;Pizzeria&quot;,41.8573802,12.4705307,18],
                  [&quot;Ristorante&quot;,41.8636938,12.4705371,17],
                  [&quot;Supermercato&quot;,41.9674316,12.5476399,17],
                  [&quot;Forno&quot;,41.9435349,12.4705118,18],
                  [&quot;Forno&quot;,41.9243629,12.4019605,16],
                  [&quot;Supermercato&quot;,41.9042377,12.4812988,14],
                  [&quot;Forno&quot;,41.8863744,12.506197,16],
                  [&quot;Ristorante&quot;,41.8840456,12.5103363,16],
                  [&quot;Pizzeria&quot;,41.8524282,12.4955204,17]
                  ];
  
                  var map = L.map('mapid').setView([41.9009975,12.4895659,17], 11);
          mapLink = '&lt;a href=&quot;http://openstreetmap.org&quot;&gt;OpenStreetMap&lt;/a&gt;';
          L.tileLayer(
              'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
              attribution: '&amp;copy; ' + mapLink + ' Contributors',
              maxZoom: 18,
              minZoom: 9,
              }).addTo(map);
  
          for (var i = 0; i &lt; places.length; i++) {
              marker = new L.marker([places[i][1],places[i][2]])
                  .bindPopup(places[i][0])
                  .addTo(map);
          }
  </code></pre>
  <p>this pen shows the problem
  <a href="https://codepen.io/anon/pen/RBdNJZ" rel="nofollow noreferrer">https://codepen.io/anon/pen/RBdNJZ</a></p>