ホームページをもっとよくする!Jimdoワンポイント講座

ホームページをもっとよくする!Jimdoワンポイント講座

第15回目 「Googleマップを使ってみよう」

せっかく作ったホームページ、一人でも多くの人に見て、読んでもらいたいですよね。しかし「思うように表現できない」「うまく伝わらない」そんなケースが多いようです。このコラムでは、ホームページ作りに役立つ「ちょっとしたコツ」をご紹介いたします。
第15回目は「Googleマップを使ってみよう」です。それでは、スタート!

ルドルフ

アリーナちゃーん、見てみて!ホームページに地図を載せようと思って作ってみたんだよ!


ルドルフ

どれどれ?


ルドルフ

じゃじゃーん!一生懸命書いたんだ!僕が大好きなラーメン屋さんの地図!


笑顔アリーナ

ルドルフくん、確かに手書きの地図はスゴイけれど、ホームページに簡単に、地図を掲載できる機能があるのよ。


ルドルフ

ええええええええええっ!


笑顔アリーナ

やはり知らなかったのね。では、一緒にやってみましょう。


ルドルフ

お・・・・・・・・・お願いします!!


【Googleマップを使ってみよう!】

Jimdoには、Googleマップを表示させる機能があります。お店や事務所の地図など、簡単に表示させることができますので、まだ使ったことがないという人は、ぜひ覚えておきましょう。

 

Googleマップを設置しよう

Jimdoにログインし、「コンテンツの追加」⇒「その他コンテンツ&アドオン」をクリックします。

「Google マップ」をクリックします。

以下のような画面が表示されます。各ボタンやメニューの役割は以下の通りです。

①拡大地図を表示 「拡大地図を表示」をクリックすると、拡大した地図へ飛ぶことができます。プレビューモードで閲覧したときに動作します。
②地図のタイプ 地図表示とGoogle Earth表示を切り替えることができます。
③所在地 地図に表示させたい目的地の住所を入力します。
④案内 「?」マークにマウスを合わせると、ヒントが表示されます。
⑤拡大/縮小 地図を拡大したり縮小させたりすることができます。プレビューモードで閲覧したときに動作します
Googleマップに住所を設定しよう

Googleマップに、お店や事務所の住所を設定してみましょう。 「所在地」の横に表示させたい目的地の住所を入力します。

住所を入力したら「検索」をクリックします。

目的地が表示されました。

「保存」をクリックして完了です。

Googleマップのサイズを変更しよう

縦方向に大きさを変更する場合は、下方をドラッグします。

横方向に大きさを変更する場合は、カラムを利用しましょう。

例:2カラムの場合

例:3カラムの場合

Googleマップコンテンツの仕様変更により、コンテンツ編集画面で、以下の設定項目がなくなりました。

・尺度調整

・地図の種類

・スケール

・リスト(ストリートビューの人型アイコン)

・行き先までのルート

・地図の高さ

・複数の目的地設定

複数目的設定は、Googleのマイマップ機能で作成し、Jimdoの「ウィジェット/HTML」にコードを埋め込むことで実装することができます。詳しくは、以下のページをご参照ください。

 

複数目的地について(サポートページ内)

https://jp-help.jimdo.com/%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84/google%E3%83%9E%E3%83%83%E3%83%97/#cc-m-header-12493334290

輝くルドルフ

アリーナちゃん、解説ありがとう!さっそく僕もGoogleマップを使ってみたよ!


ウインクアリーナ

バッチリだわ!ルドルフ君。良かった~~~♪


まとめ

お店や事務所の地図を表示したい場合は、JimdoのGoogle マップ機能が簡単で便利です。住所を入れるだけで、地図上に場所を表示してくれるほか、吹き出しの文字を変更したり、目的地へのルートを表示することもできます。設置できる個数も無制限なので、ぜひ使ってみてくださいね。


ルドルフの小言

泣くルドルフ

ホームページを良くしていくのってなかなか難しいよね。

詳しい人に相談できるといいんだけど・・・


ウインクアリーナ

そんな時はJimdoCafeがオススメよ!

JimdoCafeのことは、ここのページを見てみて!

▶︎▶︎ Jimdoユーザーの駆け込み寺「JimdoCafe」