jQueryイベントの実行時にGoogleマップのサイズを変更するにはどうすればよいですか？

Question

Popup Makerプラグインを使用して作成されたポップアップ内に表示されるMap List Proプラグインを使用して、サイト用の店舗用店舗を作成しています。進行中の

バージョン：https://beastsofbalance.com/pop-test-page/ - ポップアップが開かれたとき

は、Googleマップがロードされない、それを開くために「店舗検索」リンクをクリックしてください。 http://www.maplistpro.com/documentation/only-part-of-the-map-shows-the-rest-is-grey/

が、それは問題を解決するために、2つのコードスニペットを与えるが、ポップアッププラグインはカスタムイベントを持つことになります言う：

地図一覧Proのプラグインのドキュメントは、それが最初のページのロードに隠されているため、これがあることを示唆しています私はこれを追加する必要があります。

2つのスニペットは、次のとおりです。 google.maps.event.trigger(MapListProMaps[0].map, "resize"); - 個々のマップ

$(document).trigger({type: "resizeMap"});のために - すべてのマップの

ポップアップメーカープラグインのドキュメントには、イベントpumAfterOpenは、ポップアップが開いた直後に実行こう述べています。 http://docs.wppopupmaker.com/article/42-popup-maker-jquery-api

私は、ポップマップのリロードをトリガーする作業コードスニペットを作成するために一緒にこれら2つの情報ビットを置くのに十分な（任意の！）jQueryの/ JavaScriptの知識を持っていません私は誰かが私を助けることができるかもしれないことを非常に望んでいた！

感謝

ハンナ

Answer 1

私はあなたのページのコピーで次の試してみた：私はマップがあるため、許可のサイズ変更を見ることができない

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
    jQuery(document).on('pumAfterOpen',function(e){ 
     jQuery(document).trigger({type: "resizeMap"}); 
    }); 
}); 

Google APIに問題がありますが、それはあなたを正しい道に導くのに十分なはずです。