こんな人に読んで欲しい!
・Google Mapとのリンクのやり方が分からない人
こんにちは、「なゆた」です!
今回は、HTMLを使ってGoogle Mapとのリンクをする方法についてを書きます。
様々なお店の店舗情報ページや会社概要ページなどでは、Google Mapを使用することは増えています。
今回は、以前投稿した「YouTube リンク方法」と同じ方法を使って、Google Mapとのリンクのやり方をお教えします。
《主な使用タグ》
iframe・・・「インラインフレーム」の略。ページ内に配置するフレーム。ページ内に別のHTML ファイル等を表示する際に使用する。
①まず<iframe>タグを入力します。この次からは、<iframe>タグの中のみを使用します。
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-11-9.01.56-1.png)
②src属性で、動画のURLを入力します。特定防止のため一部は隠しておりますが、データ暗号の量は莫大なものです(笑)。
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-11-9.11.45.png)
③お好きな幅と高さを入力します。
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-11-9.33.03.png)
④以下の絶対的な属性を入力します。
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-11-9.36.12.png)
⑤最後に、</iframe>タグを入力して完成です!
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-11-9.39.00.png)
いかがでしたか?お店を開いたり、起業したりした時にホームページを作りたい方は、ぜひ店舗情報ページや会社概要ページに、このGoogle Mapを載せてみてください!
以上です、ありがとうございました!
(※追記)完成例については、特定防止のため、見せることができません。申し訳ございません・・・。
コメント