<div dir="ltr"><div><div><div><div><div><div><div><div>Hi,<br><br></div>I'm currently trying to switch to OSM (from Google Maps) on several pages & apps of my website.<br><br></div>All is working fine with leafletJS but some of my apps doesn't get all tiles loaded.<br>
</div>You can find an example here : <a href="http://www.infos-reseaux.com/apps/ADSLObs/carte-nra-nro/?domain_id=FT">http://www.infos-reseaux.com/apps/ADSLObs/carte-nra-nro/?domain_id=FT</a><br><br></div>Only one row of tiles is loaded at the top of my map frame and I need to drag down it to see other tiles on my screen.<br>
<br></div>The div where leaflet is build received this css :<br>.app-webVRD-gMapsContainer {<br>    background-color:#FFFFFF;<br>    height:600px;<br>    min-height:600px;<br>    width:100%;<br>    min-width:100%;<br>}<br>
<br></div><div>Here is the leaflet init JS :<br>// Conteneur<br>_MAP = L.map(gmaps_container_id, {<br>       "doubleClickZoom":false,<br>       "scrollWheelZoom":true<br>});<br>            <br>// Couche OSM<br>
L.tileLayer('http://{s}.<a href="http://tile.openstreetmap.org/{z}/{x}/{y}.png">tile.openstreetmap.org/{z}/{x}/{y}.png</a>', {<br>       attribution: 'Map data © OpenStreetMap contributors',<br>       maxZoom: 18,<br>
       minZoom:1<br>}).addTo(_MAP);<br></div><div><br></div>I'm working on firefox 23.0.1, I get the same on Chrome and IE.<br><br></div>Thank you in advance for any tip about this problem.<br><br><br></div>Cheers.<br>
<div><div><div><div><div><div><div><div><br><div><br clear="all"><div><div><b>François Lacombe</b><br><br>francois dot lacombe At telecom-bretagne dot eu<br><a href="http://www.infos-reseaux.com" target="_blank">http://www.infos-reseaux.com</a><br>
</div>
</div></div></div></div></div></div></div></div></div></div></div>