Google Maps JavaScript APIとionic 2に関する問題

Question

ionic 2アプリケーションで使用されているGoogle Maps JavaScript APIに問題があります。初めて地図上に地図を表示すると、細かくレンダリングされます - see first screenshot。再度ナビゲートしてGoogleマップでページを開くと、マップはもう正しく描画されません。代わりに灰色の領域が表示されます - see second screenshot。

（thread with same topic here）私はすでにこの問題を探し、誰も私の知る限りでは、まだ解決策がありませんでしたたぶん他の誰かがここに私を助けることができますか？

私はgithub repositoryも作成しました。このファイルは簡単に複製して起動することができ、問題を再現することができます。あなたがこれを試してみたいのであれば、イオン2が動いているはずです。

ありがとうございます！

Answer 1

まあ、私は最終的に回避策を見つけました。 ddellamicoの投稿をthis threadに見てください。あなたは毎回の特定のページを入力するたびにgoogle mapsオブジェクトのresizeイベントをトリガする必要があります。次のコードをionViewDidEnter（）イベントに挿入します。

// this.map refers to the google maps object created via 'new google.maps.Map(...)' 
google.maps.event.trigger(this.map, 'resize'); 

あなたはionViewDid ではなくionViewDid ロード（）イベントの（）イベントを入力してください使用していることを確認してください。

あなたはマップが再び特定のポイントまたはマーカーでセンタリングしたい場合は、以下のさらに行う必要があります。

// Longitude and latitude are just examples 
// Of course longitude and latide should refer to your specific point the map should center on 
this.map.setCenter(new google.maps.LatLng(47.0712025, 15.4382784));