[投稿(記事ページ)]この記事は約7分で読めます。ブログにGoogleMap動画を埋め込む方法を説明します。タグを埋め込むだけで完了なので、非常に簡単です。スマートフォンでもGoogleMapの幅を収めるGoogleMapからタグを取得して貼り付けるだけ大きな地図で見る皇居周辺のGoogleMapを埋め込みました。それでは、さっそく貼り付け方を順番に説明します。GoogleMapを開いて、表示する住所を検索します。貼り付けたいMapページの「リンク」ボタンをクリックし、「埋め込み地図のカスタマイズとプレビュー」を開きます。「地図のサイズ」を選択、またはカスタムサイズを入力し、コードを取得します。これで、上記のようにGoogleMapが埋め込まれます。貼り付けたコードは以下です。style="color:#0000FF;text-align:left">大きな地図で見る</a></small>サイズは、ブログの幅に合うように選択してください。スマートフォンでもGoogleMapの幅を収めるここでひとつ気をつけることとして、スマホ表示があります。レスポンシブデザインを採用していると、スマホでGoogleMapが崩れます。そこで、賢威ではスマホでの表示用にタグがしっかり準備されています。先ほどのGoogleMapタグを、以下のように囲むだけです。style="color:#0000FF;text-align:left">大きな地図で見る</a></small></div>CSSのスタイルはこのようになっています。テーマ編集」の「mobile.css」で確認できます。100%;}これで、レスポンシブデザインの表示でもGoogleMapを画面幅におさめて表示できます。youtube動画の貼り付けでも同様の方法で、レスポンシブデザインで幅を収めて表示できます。youtube動画を埋め込む詳しい方法は、以下の記事を参考にしてください。賢威にyoutube動画を埋め込む方法(スマホ表示の幅も合わせる)前の記事(Previous)賢威にyoutube動画を埋め込む方法(スマホ表示の幅も合わせる)次の記事(Next)賢威で投稿部分に枠をつける方法(角丸枠、浮かせた影付き枠)コメントを残す返信をキャンセルする。Reserved.このページの先頭へ。