いつまで経ってもわからない、WEBってやつは・・・(´・ω・`)

Google mapが『display:none』コンテンツ内だと位置がずれてしまう

クリックしたら表示されるようなコンテンツは初期状態では「display:none」なので、
その中にiframeでgooglemapを読み込んだ場合、通常通りに設置すると
位置がずれてしまう という現象に出くわしました(´・ω・`)!

うへぇ・・・と思いググッてみたところ、さすがです!バッチリ載ってました!!
(´・ω・`)<しかも結構前からの記事ばかりー 全然気づかなかった(笑)

で、今回参考にさせていただいたのはこちら!
参考 http://bost.bostudio.co.jp/2011/12/google.html

やってみた

やってみる前

▼クリックしてコンテンツ表示(クリックしてみてください。見切れています)

やってみた後(クリックしてみてください。見切れてない!)

▼クリックしてコンテンツ表示

ついでにためしてみた。

google mapのサイトって、いつも検索したりgoogleページの上の「地図」から行ってるけど、別のアドレスもあるよね・・
と気になり、ざっと調べてみました。(ホントに、ざっとだからね(´・ω・`))

https://maps.google.co.jp

https://www.google.com/maps

https://maps.google.com

googleの検索で表示された駅の地図

https://ditu.google.com