《HTML》Google Mapとリンクしてみよう!

HTMLのこと

こんな人に読んで欲しい!
・Google Mapとのリンクのやり方が分からない人

こんにちは、「なゆた」です!
今回は、HTMLを使ってGoogle Mapとのリンクをする方法についてを書きます。

様々なお店の店舗情報ページや会社概要ページなどでは、Google Mapを使用することは増えています。
今回は、以前投稿した「YouTube リンク方法」と同じ方法を使って、Google Mapとのリンクのやり方をお教えします。

《主な使用タグ》
iframe・・・「インラインフレーム」の略。ページ内に配置するフレーム。ページ内に別のHTML ファイル等を表示する際に使用する。

①まず<iframe>タグを入力します。この次からは、<iframe>タグの中のみを使用します。

src属性で、動画のURLを入力します。特定防止のため一部は隠しておりますが、データ暗号の量は莫大なものです(笑)。

③お好きな幅と高さを入力します。

以下の絶対的な属性を入力します。

最後に、</iframe>タグを入力して完成です!

いかがでしたか?お店を開いたり、起業したりした時にホームページを作りたい方は、ぜひ店舗情報ページや会社概要ページに、このGoogle Mapを載せてみてください!

以上です、ありがとうございました!

(※追記)完成例については、特定防止のため、見せることができません。申し訳ございません・・・。

コメント

タイトルとURLをコピーしました