「Googleマップ、YouTube、電話番号(スマートフォン用)を埋め込む方法」の編集履歴(バックアップ)一覧に戻る

Googleマップ、YouTube、電話番号(スマートフォン用)を埋め込む方法 - (2015/05/27 (水) 14:17:37) のソース

例えば自分のお店のホームページを作ったときに折角なら地図をのっけたいですよね。~
自分で地図を作ってみたりあるいは言葉で説明を書いておくのもいいですが、Googleマップをそのまま超簡単に乗っける方法も存在します。~
それでは以下の3ステップでやってみましょう。~

 1 Googleマップを検索する
 2 埋め込みたい場所の名称、住所を入力
 3 印刷の隣にあるリンクをクリックしてウェブサイトへの地図埋め込み用 HTML コードをコピーしてhtmlの張り付ける。
 4 サイズを好きなサイズに修正して、CSSでiframeを使ってマージン、位置などの詳細を指定

東京ディズニーランド(もっとも僕には全く縁のないまさに夢の国という感じですが…)の例を使ってみますね。

#image(width=400,google_map.png)

表示させたい所定のboxの中にコードをコピペすれば完成です。

#image(width=200,google_map2.png)