Leaflet: не все плитки загружаются до изменения размера окна

Изменение размера окна работает правильно, см. этот пример: http://leaflet.cloudmade.com/debug/map/map-mobile.html

Если вы измените размер контейнера карты вручную, вам нужно вызвать map.invalidateSize() .

Я вижу ту же проблему. Сначала отображаются только некоторые плитки, но если я изменю размер окна браузера, будут показаны все плитки.

НЕ исправлена ​​​​эта ошибка на chrome27. У меня такая же проблема.
URL-адрес недействителен

Проверьте это: http://leafletjs.com/examples/mobile-example.html

@mourner Мне нужно динамически менять карту. И я использую map._onResize(), чтобы это исправить. URL-адрес выше является полноэкранным примером, а не для изменения размера карты. Спасибо за ваш хак @ludinov-stuzo

@mourner Я обнаружил

    var is_fullScreen=0;
    $("#close_left").click(function(){
        if(is_fullScreen){
            $("#left_panel").animate({left:0,opacity:1},800);
            $("#right_panel").animate({marginLeft:280},800);
            this.className="icon-left";
            is_fullScreen=0;
            setTimeout(function(){ map.setView([5,40],2);},1000);
        }else{
            $("#left_panel").animate({left:-280,opacity:0},800);
            $("#right_panel").animate({marginLeft:0},800);
            this.className="icon-right";
            setTimeout(function(){map.invalidateSize();            map.setView([5,-20],3);},1000)
            is_fullScreen=1;
        }
    });

Изменение размера окна работает правильно, см. этот пример: http://leaflet.cloudmade.com/debug/map/map-mobile.html

Если вы измените размер контейнера карты вручную, вам нужно вызвать map.invalidateSize() .

Вы сделали мой день. Моя карта просто не работала бы правильно. Ни одна из функций, включая setView , flyTo , panTo , fitbounds будет работать должным образом. Иногда это срабатывало, а иногда нет. Я просто не мог понять, когда это произошло . Затем я увидел, что это работает, когда я изменяю размер окна, и после нескольких часов бесполезных исследований и разработок добрался до этой темы.

Большое спасибо.

Мне помогло прослушивание Map obj. добавить функцию, которая срабатывает, когда карта загружается или изменяется размер и выполняется внутри - map.invalidateSize().

Способ реакции на крючки:

import { Map as LeafletMap } from "react-leaflet";

export default const MyMap = () => {

   useEffect(()=>{
        mapElement.current.leafletElement.invalidateSize();
    },[mapElement])


  /*render and other function*/
}