![Googleマップを使ってみよう](https://image.jimcdn.com/app/cms/image/transf/none/path/s0e84577b02fd7261/image/i262d1027079c5351/version/1548730321/google%E3%83%9E%E3%83%83%E3%83%97%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86.jpg)
Jimdo には、Google マップを表示させる機能があります。お店や事務所の地図など、簡単に表示させることができますので、まだ使ったことがないという人は、ぜひ覚えておきましょう。
1. Googleマップを設置しよう
Jimdo にログインし、「コンテンツの追加」⇒「その他コンテンツ&アドオン」をクリックします。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s0e84577b02fd7261/image/i37bcb0edeff8ae9e/version/1548729708/image.png)
▼
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s0e84577b02fd7261/image/if1cf6955456e71d6/version/1548729755/image.png)
「Google マップ」をクリックします。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s0e84577b02fd7261/image/i1ef94ef1705e75dc/version/1548729778/image.png)
以下のような画面が表示されます。各ボタンやメニューの役割は以下の通りです。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/i6a0142efc5496ad8/version/1548729806/image.png)
①拡大地図を表示 | 「拡大地図を表示」をクリックすると、拡大した地図へ飛ぶことができます。プレビューモードで閲覧したときに動作します。 |
②地図のタイプ | 地図表示とGoogle Earth表示を切り替えることができます。 |
③所在地 | 地図に表示させたい目的地の住所を入力します。 |
④案内 | 「?」マークにマウスを合わせると、ヒントが表示されます。 |
⑤拡大/縮小 | 地図を拡大したり縮小させたりすることができます。プレビューモードで閲覧したときに動作します |
2. Google マップに住所を設定しよう
Google マップに、お店や事務所の住所を設定してみましょう。 「所在地」の横に表示させたい目的地の住所を入力します。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/ie834da2514248aa6/version/1548729895/image.png)
住所を入力したら「検索」をクリックします。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/id1093cc67951d57b/version/1548729923/image.png)
目的地が表示されました。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/ia961259d464e8067/version/1548729951/image.png)
「保存」をクリックして完了です。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/i644291a5190233ce/version/1548729979/image.png)
3. Googleマップのサイズを変更しよう
縦方向に大きさを変更する場合は、下方をドラッグします。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/i1c9bf31e18cada16/version/1548730018/image.png)
横方向に大きさを変更する場合は、カラムを利用しましょう。
例:2カラムの場合
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/i2dabfed49e92c5a7/version/1548730044/image.png)
▼
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/i89dc9305ab6b97b7/version/1548730081/image.png)
例:3カラムの場合
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/ibf9f3fda8966e266/version/1548730122/image.png)
▼
![](https://image.jimcdn.com/app/cms/image/transf/dimension=710x10000:format=png/path/s0e84577b02fd7261/image/i08e3f22601c01dc1/version/1548730138/image.png)
Googleマップコンテンツの仕様変更により、コンテンツ編集画面で、以下の設定項目がなくなりました。
・尺度調整
・地図の種類
・スケール
・リスト(ストリートビューの人型アイコン)
・行き先までのルート
・地図の高さ
・複数の目的地設定
複数目的設定は、Googleのマイマップ機能で作成し、Jimdoの「ウィジェット/HTML」にコードを埋め込むことで実装することができます。詳しくは、以下のページをご参照ください。
複数目的地について(サポートページ内)
https://jp-help.jimdo.com/basics/content/googlemaps/#cc-m-header-12493334290
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s0e84577b02fd7261/image/i8db0cb2c867aed74/version/1548730637/image.jpg)
お店や事務所の地図を表示したい場合は、JimdoのGoogle マップ機能が簡単で便利です。住所を入れるだけで、地図上に場所を表示してくれるほか、吹き出しの文字を変更したり、目的地へのルートを表示することもできます。設置できる個数も無制限なので、ぜひ使ってみてくださいね。
コメントをお書きください
asd (火曜日, 30 8月 2022 22:05)
asd