Wix ヘルプセンター
  1. ホーム
  2. サイトの作成
  3. Wix エディタ
  4. その他
  5. Wix エディタ：Google マップを追加・設定する

Wix エディタ：Google マップを追加・設定する

読了時間：7分
サイトに Google マップパーツを追加して、訪問者があなたの所在地を把握できるようにしましょう。一箇所または複数の位置をピンで固定したり、多数のカラースタイルから選択したり、設定をカスタマイズしたりすることができます。
Wix ライブサイト上の地図。
この記事では、次の項目について説明します：

サイトに Google マップを追加する

 Google マップを追加してサイト訪問者にお店や会社の所在地をお知らせしましょう。 

Google マップを追加する方法：

  1. エディタ左側で「パーツを追加」 をクリックします。
  2. 「フォーム」をクリックします。
  3. 「Google マップ（地図）」をクリックします。
  4. マップをクリックするか、ページ上の希望の位置までドラッグします。
  5. 「地図を管理」をクリックします。
  6. マップに追加する場所の数を選択します：
    • 一箇所：
      1. 「一箇所」をクリックします。
      2. 住所を入力します。
        • 住所：住所を入力します。
        • タイトル：マップ上のピンにタイトルを追加して、その呼び名をユーザーに知らせます。
        • 詳細：場所を説明する簡単な詳細を追加します。
        • リンク：会社のウェブサイトまたは任意のリンクにユーザーをリダイレクトするためのリンクを追加します。ライトボックス、アンカー、ページの上部 / 下部にリンクすることはできません。
        • リンクテキスト：リンクにタイトルを追加して、クリックした際の動作をユーザーに知らせます。
    • 複数の位置：
      1. 「複数の位置」をクリックします。
      2. 「位置を追加」をクリックします。
      3. 住所を入力します。
        • 住所：住所を入力します。
        • タイトル：マップ上のピンにタイトルを追加して、その呼び名をユーザーに知らせます。
        • 詳細：場所を説明する簡単な詳細を追加します。
        • リンク：会社のウェブサイトまたは任意のリンクにユーザーをリダイレクトするためのリンクを追加します。ライトボックス、アンカー、ページの上部 / 下部にリンクすることはできません。
        • リンクテキスト：リンクにタイトルを追加して、クリックした際の動作をユーザーに知らせます。
      4. 「戻る」をクリックします。
      5. マップに追加したい場所ごとに、手順 2 ～ 4 を繰り返します。
Wix エディタ内の「パーツを追加」パネル。
ヒント：
住所横の「その他のアクション」アイコン  をクリックして、位置を編集、複製、削除します。

Google マップの設定をカスタマイズする

Google マップのビュー、ズームイン / アウトなどを変更して、希望通りの動作を設定します。

マップの設定を変更する方法：

  1. エディタで Google マップをクリックします。
  2. 「設定」アイコン  をクリックします。
  3. 設定をカスタマイズします。以下の設定をクリックして詳細をご覧ください：
エディタ内の Google マップ設定パネル。

Google マップのデザインとピンを選択する

Wix では、マップがサイトのデザインに完全に溶け込むように、Google マップ用に多数のカラースタイルを提供しています。また、ピンの既定のシェイプをスタイルに合ったものに変更することもできます（メディアマネージャー内の画像も選べます）。

Google マップのデザインを変更する方法：

  1. エディタでマップをクリックします。
  2. 「デザインを変更」アイコン  をクリックします。
  3. マップのデザインを選択します。
  4. 「ピンのデザイン」タブをクリックし 、下記のいずれかを実施します：
    • プリセットのピンを選択する：ピンの形状を選択します。
      • （使用可能な場合）「色を選択」ボックスをクリックし、色を選択します。
    • オリジナルのピンをアップロードする：追加アイコン  をクリックしてファイルをアップロードします。
エディタ内の Google マップデザインパネル。

よくある質問

Google マップについての詳細は、下記の質問をクリックしてください。

お役に立ちましたか？

|
この記事では下記を説明します：
  • サイトに Google マップを追加する
  • Google マップの設定をカスタマイズする
  • Google マップのデザインとピンを選択する
  • よくある質問

お役に立ちましたか？

|