在選項卡式介面中，資料切換標籤中的傳單失敗加載正確。
導覽列：
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Données principales</a></li>
<li><a data-toggle="tab" href="#carte">Carte</a></li>
</ul>內容分割區：
<div class="tab-content">
<div>內容分割區：
var map = new L.Map('carteBenef');
// Configure the map here$('a[href="#carte"]').on('shown.bs.tab', function () {
map.invalidateSize(true);
});內容分割區：
內容分割區：內容分割區：內容區號傳單腳本：原因出現此問題是因為Leaflet在初始化時讀取了地圖容器大小。當地圖放置在隱藏標籤中時，容器尺寸尚未生效，導致圖塊載入不完整。 解決方案要解決此問題，您可以在以下情況下手動觸發地圖尺寸更新：將顯示包含地圖的標籤。這可以透過在選項卡啟動事件上呼叫 map.invalidateSize() 來實現。 範例：這將強制 Leaflet 重新評估地圖容器大小並正確加載磁磚。以上是為什麼我的傳單地圖無法在資料切換標籤中載入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
