我想創建一個簡單的portlet與地圖使用extjs 4和傳單。 問題是map並沒有完全出現在我的portlet元素中。 它加載了一些錯誤的圖塊(256x256),它們不在我的portlet中。這個錯誤的瓷磚在左側較高,在右側較低。 有沒有什麼竅門可以解決它? 這裏的截圖如何看起來很喜歡。 小葉osm地圖和extjs4門戶渲染問題
也許這可以幫助找出? 我想這是因爲錯誤的left
和top
屬性在IMG類:
<img class="leaflet-tile leaflet-tile-loaded" src="http://myhost/map/14/9904/5121/" style="height: 256px; width: 256px; left: -79px; top: -251px;">
<img class="leaflet-tile leaflet-tile-loaded" src="http://myhost/map/14/9905/5123/" style="height: 256px; width: 256px; left: 177px; top: 261px;">
<img class="leaflet-tile leaflet-tile-loaded" src="http://myhost/map/14/9904/5122/" style="height: 256px; width: 256px; left: -79px; top: 5px;">
<img class="leaflet-tile leaflet-tile-loaded" src="http://myhost/map/14/9903/5121/" style="height: 256px; width: 256px; left: -335px; top: -251px;">
<img class="leaflet-tile leaflet-tile-loaded" src="http://myhost/map/14/9902/5121/" style="height: 256px; width: 256px; left: -591px; top: -251px;">
<img class="leaflet-tile leaflet-tile-loaded" src="http://myhost/map/14/9902/5120/" style="height: 256px; width: 256px; left: -591px; top: -507px;">
<img class="leaflet-tile leaflet-tile-loaded" src="http://myhost/map/14/9901/5120/" style="height: 256px; width: 256px; left: -847px; top: -507px;">
<img class="leaflet-tile leaflet-tile-loaded" src="http://myhost/map/14/9901/5119/" style="height: 256px; width: 256px; left: -847px; top: -763px;">
並順便說一句。 如果我將瀏覽器窗口移動到另一臺顯示器,它將開始正常工作。 – Kirill
而當我改變瀏覽器的窗口大小時,它也開始正常工作。 所以可能的問題是如何強制瀏覽器窗口的刷新大小? – Kirill
L.map偵聽窗口大小並在內部調用'invalidateSize'。因此,如果調整瀏覽器窗口大小以恢復正確的行爲,iH8的猜測可能是正確的。 – ghybs