CSS [CSS]Google MapsやYoutubeなど埋め込みiframeのレスポンシブ対応
CSS HTML デモ .iframe_container {width: 100%;margin: auto;padding: 0} .iframe_container iframe {width: 100%;height: 500px;...
Google Maps
CSS 
WordPress [WordPress]ショートコードで簡単にGoogle Mapsを表示できるプラグインSimple Google Maps Short Code
ショートコードを使って投稿や固定ページなどに簡単にGoogle Mapsを表示できるWordPressプラグインSimple Google Maps Short Codeのご紹介です。 例えば、WordPressの投稿画面のカスタムフィール...
Google Google Mapsを利用するためのGoogle APIキー取得方法まとめ
2016年6月22日からGoogle Mapsの表示にGoogle APIキーが必要になりました。 今まではAPIキーなしでもGoogle Mapsを表示できていたのですが、2016年6月22日以降に新規に作成したサイト（URL）は、API...
CSS [CSS]Google Maps iframeでマウススクロールによる拡大縮小を無効にする方法
Google MapsをブログやWEBサイトに埋め込む（iframeで読み込ませる）際に、マウススクロールにより地図が拡大縮小してしまわないようにする方法のご紹介です。 Google Maps でスクロールによる拡大縮小を無効化 Googl...
CSS [JS]Google Maps APIの地図をレスポンシブ対応する方法
Google Maps APIの地図をレスポンシブWEBデザイン対応にする方法のご紹介です。 PCでブラウザを伸縮しても、スマートフォン端末を縦横に回転しても、Google Maps のピンを常に中央に表示させることができます。 Javas...