TOP

サイト内にグーグルの地図iframe を表示する

ホームページなら自社の案内地図、紹介サイト、ブログならルートの案内をページ内に配置
すれば読者様の利便性を補助できますね

 

サイトの住所案内に従いグーグルマップサイトへ移動して探す方もおられるでしょう
しかし、自分サイト内に配置しておけば即確認ができるのですね
利用していただく...少しでも時間節約

 

画像として取り込み配置される例も多くは見かけますが、できるならスクロールで動く、
ストリートビューにも可変するグーグル連動の埋め込み式ファームを取り付けるがとても
便利です

 

 

グーグルマップはシリウスに簡単導入できるので、読者に対して必要があるコンテンツなら
即座に取り入れてみましょう

 


 

導入手順へ進みます

 

1、グーグルマップサイトへGO....
https://www.google.co.jp/maps

 

導入したい住所を入力します 例 都庁 東京都新宿区西新宿2-8-1

 

 

共有を選択

 

 

次の枠が表示されます
ですが、ここに表示されるコードは使いません
地図を埋め込む...のテキストを再選択してください

 

 

次の地図込み画面の上に記載されるiframeをコピーしてシリウスのページに張り付ければ
反映します

 

 


 

新たな地図検索は、導入iframeからもグーグルマップサイトへ移動できます

 

案内の付近を複数案内する場合もあるでしょうね
地図を追加すればよいのですが、一つのページ内に複数置くことは、まれに表示されない
エラーを招く事情もありますので、メイン以外は画像で配置するとか?

 

または、読者様が、地図メニューのルートを選択すれば、Google マップサイトに移動して、
新たな住所を記入すれば再度の検索が可能なので、住所記載を追加しておくことも
大事かと思います

 

 


 

サイズ変更

 

地図のサイズは、デフォルトで横幅600 縦幅450で、やや大きめですが、縮小するなら
iframeコード内のサイズ指定を書き換えてください

 

当ページのサイズは、width=500  height=350  です

 


グーグルマップ(Google Maps) 住所検索地図導入
グーグル(Google) 関連サービスの導入
トップページ

 

関連ページ

グーグル検索窓(サーチボックス)をシリウスへ導入
シリウスのサイト内(個別ページ分割可)検索窓(サーチボックス)をシリウスへ導入する事で、より詳細な情報確認が可能になります