質問: Wordpressで作成中のサイトで、Google Mapsをページ中に表示させようと思っています。 単純にそのまま表示させるのではなくて、jQueryを使ってアコーディオンにしまして、 最初は閉じた状態ですが、バーを押すとアコーディオンが開き、Google Mapsがそこに表示される ようにしたいと思っています。 ◆発生している問題・エラーメッセージ アコーディオンを開いたときに、Google Mapsが表示されません。Google Mapsの表示部分がグレー一色で、右下に辛うじてGoogle mapsの人アイコン、利用規約が出ている状態です。左右に動かすとマーカーがチラチラっと見えるような状況です。 ただし、その状態で右クリックでソース検証を開いたり、ブラウザを縮めたりするとGoogle Mapがその動作を機にパッと表示されます。 力不足は申すまでもなく、なぜ最初から表示されないのか原因がわかりません。 ◆該当のソースコード ソースを以下に転記します。 ``` Maps [bgmp-map] ``` [bgmp-map]はBasic Google Maps Placemarksというプラグインで設定した内容のGoogle Mapsを表示させる ショートコードです。 ◆試したこと Javascriptの知識が浅く、問題の根本解決というよりは、検索して調べたアコーディオンのソースやプラグインなど、いろいろ試してみましたが、そもそもショートコードの内容を表示できないというのも多く、上記のソースが一番まともな表示でした。 自力では難しいと思い、テラテイルにて何かヒントでもつかめればと思っております。 ご助言いただけると大変助かります。 よろしくお願いいたします。
回答: ``` $( this ).next().slideToggle( 'slow', function() { if ( $.bgmp && $.bgmp.map ) { google.maps.event.trigger( $.bgmp.map, 'resize' ); } } ); // 未テスト ``` 【Basic Google Maps Placemarks — WordPress Plugins】 【basic-google-maps-placemarks/functions.js at master · willhlaw/basic-google-maps-placemarks · GitHub】 【GoogleMaps JavaScript API v3を使ったGoogle Mapの表示 レスポンシブ対応 - Qiita】 http://qiita.com/akspect/items/c1c8155492138ff2ab05#displaynoneからの表示