ブログにGoogle Mapsの地図を埋め込む方法

  1. Google Mapsで埋め込みたい地図を表示させる。
  2. 右下の「設定(歯車)」アイコンをクリックして、メニューから「地図共有/埋め込む」を選ぶ。

  3. ポップアップ上部の「リンクを共有|地図を埋め込む」で「地図を埋め込む」を選択。
  4. ドロップダウンから好みのサイズを選んでコードをコピーする。
  5. コピーしたコードを埋め込みたい箇所へペーストして完了。
  • サイズはコードの中の「width=“400” height=“300″」でピクセル数を指定しているだけなので、ここを直接変更してもよい。
  • 固定幅ではなくブログの表示幅いっぱいに表示したければ、「width=”100%” height=“300″」とすれば下の地図のように可変幅になる。縦のピクセル数は要指定。
スポンサーリンク

フォローする