[HTML/CSS]Googleマップを自分のWebサイトにカスタムサイズで埋め込む方法

※2015年8月12日現在の手順です
※Googleがメニューを更新した場合はこの通りの手順では進めません

 

[操作手順]
→Googleマップで「東京駅」を検索する
https://www.google.co.jp/maps/place/%E6%9D%B1%E4%BA%AC%E9%A7%85/

→キーワード入力窓の左にある、三本線アイコン(ハンバーガーアイコン)をクリックしてメニューを呼び出す

→「地図を共有または埋め込む」(クリップのようなアイコン)をクリックする

→「地図を埋め込む」をクリックする

→窓の左上より、「中 ▼マーク」をクリックして「カスタムサイズ ▼」へ変更する

→地図を埋め込む予定のスペースの縦横ピクセルサイズを入力する

→iframeのコードをコピーする
※以下「東京駅」「400x400px」の例です

→iframeのコードを自分のWebサイトへ貼り付ける