<div dir="ltr"><div><div><div>Thank for your answer.<br><br></div>That's very weird. Maybe because I'm loading map container with ajax and then call leafletJS with a non-ready DOM tree.<br><br></div>I'm looking forward to find a sustainable fix with jQuery, but using setTimeout(loadMap(), 1000); works fine.<br>
<br><br></div>Cheers.<br></div><div class="gmail_extra"><br clear="all"><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>
<br><br><div class="gmail_quote">2013/9/7 Yohan Boniface <span dir="ltr"><<a href="mailto:yohanboniface@free.fr" target="_blank">yohanboniface@free.fr</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Sounds like the container of your map has changed after its initialization.<br>
Try calling map.invalidateSize() when the container has its definitive size.<br>
<br>
Yohan<div><div class="h5"><br>
<br>
<br>
<br>
On 09/06/2013 08:51 PM, François Lacombe wrote:<br>
</div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div class="h5">
Hi,<br>
<br>
I'm currently trying to switch to OSM (from Google Maps) on several<br>
pages & apps of my website.<br>
<br>
All is working fine with leafletJS but some of my apps doesn't get all<br>
tiles loaded.<br>
You can find an example here :<br>
<a href="http://www.infos-reseaux.com/apps/ADSLObs/carte-nra-nro/?domain_id=FT" target="_blank">http://www.infos-reseaux.com/<u></u>apps/ADSLObs/carte-nra-nro/?<u></u>domain_id=FT</a><br>
<br>
Only one row of tiles is loaded at the top of my map frame and I need to<br>
drag down it to see other tiles on my screen.<br>
<br>
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>
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/%7Bz%7D/%7Bx%7D/%7By%7D.png" target="_blank">tile.<u></u>openstreetmap.org/{z}/{x}/{y}.<u></u>png</a><br></div></div>
<<a href="http://tile.openstreetmap.org/%7Bz%7D/%7Bx%7D/%7By%7D.png" target="_blank">http://tile.openstreetmap.<u></u>org/{z}/{x}/{y}.png</a>>', {<div class="im"><br>
        attribution: 'Map data © OpenStreetMap contributors',<br>
        maxZoom: 18,<br>
        minZoom:1<br>
}).addTo(_MAP);<br>
<br>
I'm working on firefox 23.0.1, I get the same on Chrome and IE.<br>
<br>
Thank you in advance for any tip about this problem.<br>
<br>
<br>
Cheers.<br>
<br>
<br></div>
*François Lacombe*<div class="im"><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>
<br>
<br></div>
______________________________<u></u>_________________<br>
dev mailing list<br>
<a href="mailto:dev@openstreetmap.org" target="_blank">dev@openstreetmap.org</a><br>
<a href="http://lists.openstreetmap.org/listinfo/dev" target="_blank">http://lists.openstreetmap.<u></u>org/listinfo/dev</a><br>
<br>
</blockquote>
<br>
</blockquote></div><br></div>