Кордова: Листовка Карта плитки отключить преобразование для отображения панели

Question

Когда приложение вызывает клавиатуры телефона (при редактировании текста), карта панели преобразования, как показано на рисунке ниже: Что может быть причина, я добавили карту, как это:

map = L.map('main').setView([9.123011560267038, 125.53513369515711], 15); 
    L.tileLayer('./tile/cbr_new_design_tms2/{z}/{x}/{y}.png', { 
     minZoom: 14, 
     maxZoom: 16, 
     tms: true 
    }).addTo(map); 

HTML:

<div class="panel" id="main" style="padding:0;overflow:hidden" data-title="Main"> 
       <header> 
        <h1>Main</h1> 
        <a href="#modal1" class="button big icon question" style="float:right;padding-top:0;outline:0" data-transition="up-reveal"></a> 
        <a href="#modal" class="button big icon settings" style="padding-top:0;outline:0" data-transition="up-reveal"></a> 
       </header> 

      </div> 

Update: Я просто заметил, что когда клавиатура вызова, листовка добавляет class="leaflet-map-pane" style="transform: translate3d(XXpx, XXpx, XXpx);". Это каким-то образом преобразует карту. Итак, как я могу предотвратить распространение листовки?

Answer 1

Как указал @ghybs, есть варианты конфигурации Cordova, которые имеют высокий шанс решить это.

В противном случае, если вы можете запустить код ome javascript, когда пользователь скрывает клавиатуру, вызовите метод invalidateSize() на экземпляр карты.

Answer 2

решаемые это, комментируя leaflet-src.js:

_onResize: function() { 
     L.Util.cancelAnimFrame(this._resizeRequest); 
     this._resizeRequest = L.Util.requestAnimFrame(
       function() { this.invalidateSize({debounceMoveend: true}); }, this, false, this._container); 
    },