FQA｜グーグルマップを簡単に表示させる方法？

ホームページにグーグルマップを表示させる方法

このページの目次

OPEN

A グーグルマップは簡単にホームページに埋め込みできます

2クリックで完了

シリウス2では下記画像のように、メディアから [Google マップ] をクリックし住所や施設を検索窓に記述するだけで自動的に最適化のタグが記述されます。もちろん携帯端末でもこの機能でGoogleマップは最適表示されます。

上記「メディア▼」の [Google マップ] をクリックした画面

クリックしますとサイト作成画面にグーグルマップが表示される仕様になっています

実際の表示例

上記画像の検索窓に住所、施設名を記述して [挿入] ボタンを押すだけです。

最適化タグ

シリウス2で自動挿入されるグーグルマップ最適化タグ

<iframe src></iframe>　グーグルマップのインフォームソース

</div></div>

グーグルマップでディズニーランドの地図を作成する例

グーグルマップを開きます

別窓で開きます

[例] 千葉県浦安市舞浜1-1

作成したいマップの住所を下記画像の検索窓に記述ます

検索ボタンをクリック

共有をクリック

地図を埋め込むをクリック

フォームタグをコピーしてサイト作成画面に貼り付け

生成されたディズニーランドの地図のフォームタグ

ディズニーランド

フォームタグで、地図の横幅をwidth="100%"で指定しておくと、スマホの画面の縦、横で見た場合どちらでも綺麗に横幅いっぱいで表示されます。パソコンブラウザ表示ではメインコンテンツの幅で表示される事になります。