- 本文の この下線部分はこのサイト内へのリンクです。太点線部分は外部サイトへのリンクです。
Google Map埋め込み用コードを加工
- Google Mapの埋め込み用コードをホームページ用に加工についての説明です。
- 今回の解説は、Windows 10 Pro及びマイクロソフトEdge での説明です。
- Google MAPのページ
- コード作成までは、『簡易的にGoogle Mapの埋め込み用地図を作成する』にて
- 埋め込み地図コードの例
<iframe src="https://www.google.com/maps/embed?pb=!1m18・・・" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> - 横幅を98%に変更 と 携帯電話(いわゆるガラケー)に表示させない指定
<!-- NOGALA1 -->このコードを管理画面内に埋め込み
<iframe src="https://www.google.com/maps/embed?pb=!1m18・・・" width="98%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<!-- NOGALA2 -->