2017-05-21 76 views
0

這是我正在處理的頁面。只需點擊「預測」標籤。在Chrome和FF瀏覽器上。 http://www.weather.gov/mfr/dotESRI宣傳單失蹤瓦片

進入預測選項卡後,您會在文字鏈接下方看到一張地圖。加載時,大部分地圖都是灰色的。我發現如果CSS沒有加載,會發生這種情況,但是我在那裏加載了最新的CSS。任何人都可以解決這個問題嗎?

謝謝!

回答

0

由於地圖容器是動態創建的,因此您需要在「預測」面板切換時調用map.invalidateSize()

+0

謝謝!這指出我在正確的方向,但我仍然得到部分瓷磚加載。 http://www.weather.gov/mfr/dot 你可以幫助實施一些嗎?我無法控制整個頁面的代碼,因爲它處於CMS環境中並在別處控制。你可以在代碼中看到我添加的內容: var mymap = L.map('mapid').setView([44,-123],13); L.Util.requestAnimFrame(mymap.invalidateSize,mymap,!1,mymap._container); 再次感謝。 – user1610717

+0

您正在儘快調用該方法。如果您打開瀏覽器開發者工具並在切換預測面板後調用'mymap.invalidateSize()'*,則會看到它會導致所有圖塊加載。 –