Ionic2傳單在設備/模擬器上保持空白

Question

我基本上覆制了this示例以顯示帶有Ionic2的LeafletJS地圖。它適用於離子服務，但是當我在設備/模擬器上運行時，我一直看到一個空白的視圖。

我沒有修改任何示例。可能會有一些文件丟失？另一個主要障礙是調試TS文件非常繁瑣。

Answer 1

地圖空白的原因是我不得不將地圖對象包裹到從離子內容導出大小的div中。 如果沒有封裝div，並且只有100％的地圖，它纔會在設備上正確顯示。

<ion-content> 
    <div style="height: 100%;width:100%;"> 
    <div style="height: 100%;width:100%;" id="map"></div> 
    </div> 
</ion-content>