Wix エディタ:Google マップを追加・設定する
読了時間:7分
サイトに Google マップパーツを追加して、訪問者があなたの所在地を把握できるようにしましょう。一箇所または複数の位置をピンで固定したり、多数のカラースタイルから選択したり、設定をカスタマイズしたりすることができます。
![Wix ライブサイト上の地図。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/12/09/2881e5ee-59ba-439f-960b-7654d02486df/1da9e3c5-be25-4305-a44d-551104638eb1.png)
この記事では、次の項目について説明します:
サイトに Google マップを追加する
Google マップを追加してサイト訪問者にお店や会社の所在地をお知らせしましょう。
Google マップを追加する方法:
- エディタ左側で「パーツを追加」
をクリックします。
- 「フォーム」をクリックします。
- 「Google マップ(地図)」をクリックします。
- マップをクリックするか、ページ上の希望の位置までドラッグします。
- 「地図を管理」をクリックします。
- マップに追加する場所の数を選択します:
- 一箇所:
- 「一箇所」をクリックします。
- 住所を入力します。
- 住所:住所を入力します。
- タイトル:マップ上のピンにタイトルを追加して、その呼び名をユーザーに知らせます。
- 詳細:場所を説明する簡単な詳細を追加します。
- リンク:会社のウェブサイトまたは任意のリンクにユーザーをリダイレクトするためのリンクを追加します。ライトボックス、アンカー、ページの上部 / 下部にリンクすることはできません。
- リンクテキスト:リンクにタイトルを追加して、クリックした際の動作をユーザーに知らせます。
- 複数の位置:
- 「複数の位置」をクリックします。
- 「位置を追加」をクリックします。
- 住所を入力します。
- 住所:住所を入力します。
- タイトル:マップ上のピンにタイトルを追加して、その呼び名をユーザーに知らせます。
- 詳細:場所を説明する簡単な詳細を追加します。
- リンク:会社のウェブサイトまたは任意のリンクにユーザーをリダイレクトするためのリンクを追加します。ライトボックス、アンカー、ページの上部 / 下部にリンクすることはできません。
- リンクテキスト:リンクにタイトルを追加して、クリックした際の動作をユーザーに知らせます。
- 「戻る」をクリックします。
- マップに追加したい場所ごとに、手順 2 ~ 4 を繰り返します。
- 一箇所:
![Wix エディタ内の「パーツを追加」パネル。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/12/09/8d1cb731-6538-42af-932b-76f5a65822fd/60e179a4-89ec-4556-aca4-6ca2cc2c568d.png)
ヒント:
住所横の「その他のアクション」アイコン
をクリックして、位置を編集、複製、削除します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/07/23/59312722-db1d-4d13-9e3c-67ea78c81f82.png)
Google マップの設定をカスタマイズする
Google マップのビュー、ズームイン / アウトなどを変更して、希望通りの動作を設定します。
マップの設定を変更する方法:
- エディタで Google マップをクリックします。
- 「設定」アイコン
をクリックします。
- 設定をカスタマイズします。以下の設定をクリックして詳細をご覧ください:
ズーム
地図 / 衛星写真
ズームイン / アウト
ストリートビュー
ルート案内リンクを表示
マップのドラッグ
![エディタ内の Google マップ設定パネル。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/12/09/a5400da2-7299-49af-8227-f4e3cdbb5ce9/18466796-33f3-410d-a48d-baacda4a5996.png)
Google マップのデザインとピンを選択する
Wix では、マップがサイトのデザインに完全に溶け込むように、Google マップ用に多数のカラースタイルを提供しています。また、ピンの既定のシェイプをスタイルに合ったものに変更することもできます(メディアマネージャー内の画像も選べます)。
Google マップのデザインを変更する方法:
- エディタでマップをクリックします。
- 「デザインを変更」アイコン
をクリックします。
- マップのデザインを選択します。
- 「ピンのデザイン」タブをクリックし 、下記のいずれかを実施します:
- プリセットのピンを選択する:ピンの形状を選択します。
- (使用可能な場合)「色を選択」ボックスをクリックし、色を選択します。
- オリジナルのピンをアップロードする:追加アイコン
をクリックしてファイルをアップロードします。
- プリセットのピンを選択する:ピンの形状を選択します。
![エディタ内の Google マップデザインパネル。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/12/09/b5ccccbd-056b-4f86-9dc1-dacae7a6af15/ed7e2030-a8aa-40e7-9682-ad5da39946ab.png)
よくある質問
Google マップについての詳細は、下記の質問をクリックしてください。
Google マップに間違った住所が表示されています。どうすれば修正できますか?
プレビューモードでは、ライブサイトと比較して Google マップの表示が異なります。これはなぜでしょうか?
お役に立ちましたか?
|