※2015年8月12日現在の手順です
※Googleがメニューを更新した場合はこの通りの手順では進めません
[操作手順]
→Googleマップで「東京駅」を検索する
https://www.google.co.jp/maps/place/%E6%9D%B1%E4%BA%AC%E9%A7%85/
→キーワード入力窓の左にある、三本線アイコン(ハンバーガーアイコン)をクリックしてメニューを呼び出す
→「地図を共有または埋め込む」(クリップのようなアイコン)をクリックする
→「地図を埋め込む」をクリックする
→窓の左上より、「中 ▼マーク」をクリックして「カスタムサイズ ▼」へ変更する
→地図を埋め込む予定のスペースの縦横ピクセルサイズを入力する
→iframeのコードをコピーする
※以下「東京駅」「400x400px」の例です
|
1 |
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3240.8221076594486!2d139.766084!3d35.68138199999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188bfbd89f700b%3A0x443025838b0ce6c6!2z5p2x5Lqs6aeF77yI5p2x5Lqs77yJ!5e0!3m2!1sja!2sjp!4v1439376461429" width="400" height="400" frameborder="0" style="border:0" allowfullscreen></iframe> |
→iframeのコードを自分のWebサイトへ貼り付ける
この記事を書いた人
新着記事
2015.11.27Illustrator[Mac]IllustratorのカラーモードをRGBへ変更する方法
2015.11.27IllustratorIllustratorのカラーモードをRGBへ変更する方法
2015.11.26Illustrator[Mac]IllustratorのカラーモードをCMYKへ変更する方法
2015.11.25IllustratorIllustratorのカラーモードをCMYKへ変更する方法