Почему моя карта не отображается полностью

Question

Я использую рекламную листовку для использования карты. Я просто chmaged ma htlm код для использования jquerymobile и листовки.

Если я прочитал документ jquerymobile, я должен добавить jquery 1.11.

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></scrip> 

Но путь, используя

<script type='text/javascript' src='js/jquery-3.1.1.min.js'></script> 

Почему существует такая разница ??

Моя проблема заключается в следующем. Прежде чем я переехал в jquerymobile, моя карта способ полностью отобразить в своем контейнере

<div id="mapId"></div> 

Когда я изменить HTML-код, чтобы соответствовать jquerymobile, расположение способов, которыми Desaster, пока я не заметил этого

<!-- <script type='text/javascript' src='js/jquery-3.1.1.min.js'></script>--> 

и добавьте это

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 

Но теперь моя карта не полностью отображается. На самом деле, я вижу только очень короткую часть, пока не изменю размер браузера. enter image description here После изменения размера браузера карта полностью отображается.

Почему и как я могу решить эту проблему? Почему я не могу использовать последнюю версию jquery?

Многие спасибо за вашу помощь

Answer 1

Та же проблема, как и в Leaflet map loading half greyed tiles и смежные вопросы (например, Leaflet Map not showing in bootstrap div, Leaflet map not displayed properly inside tabbed panel, leaflet map shows up grey, и т.д. и т.п.) - просто запустить map.invalidateSize(), когда ваш макет страницы является стабильной.