Ionic2 Leafletはデバイス/シミュレータ上でブランクのままです

私は基本的にthisのコピーをして、LeafletJSマップをIonic2で表示します。それはイオンサーブでうまく動作しますが、デバイス/シミュレータを実行すると空白のまま表示されます。Ionic2 Leafletはデバイス/シミュレータ上でブランクのままです

この例では何も変更しませんでした。いくつかのファイルが見つからないことがありますか？さらに重要なハードルの1つは、TSファイルのデバッグが非常に面倒であるという事実です。

2016-12-05 El Dude

マップが空白だったのは、イオンコンテンツからサイズを導出したdivにマップオブジェクトをラップする必要があったためです。カプセル化divがなく、マップが100％の場合のみ、デバイス上に正しく表示されません。

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

2016-12-06 19:30:21

答えて