[V6] Google マップ要素

Google マップ要素について

サイトで Google マップ ウィジェットを使用すると、消費者があなたのビジネスを見つけやすくなり、全体的なユーザー エクスペリエンスが向上します。ほとんどの Web サイトでは、実際の場所を特定するために連絡先ページに Google マップを追加します。そうすることで、クライアントは別のウィンドウでマップを開いて住所を貼り付ける手間が省けます。マップにピン留めされた住所をクリックするだけで、道順を取得できます。

ノーザンダイバー社の GemPagesダッシュボード編集したいテンプレートを開きます。 Googleマップ エディターページの左側のサイドバーにある モジュール のセクションから無料でダウンロードできます。

要素をクリックすると、左側のサイドバーにその設定オプションが表示されます。 設定 の三脚と 設計 タブをクリックします。

設定タブを構成する

所在地

このセクションで場所を追加するには、次の 2 つのオプションがあります。

• 住所: フィールドに住所/場所を入力します。

• 座標: 緯度と経度のGPS座標を対応するボックスに入力します。現在地の座標を取得するには、こちらを参照してください。 記事 Googleマップより。

次元

高さ: フィールドに数値を入力して、高さをピクセル単位で決定します。

Zoom: スライダーを使用するか、ボックスに数値を入力して、地図のズーム レベルを調整します。ズーム レベルを下げると、地図をビジネスの場所に直接フォーカスできます。それ以外の場合は、ズーム レベルを高くして、周辺エリアを表示します。

ビュー

この設定では、サイトに表示する地図の地図ビューと衛星ビューを選択できます。

アドバンストモード

より高度なオプションを有効にするには、 アドバンストモード スイッチを入れて入力してください APIキーに設定します。 OK をクリックします。 こちら API キーを取得します。

エクストラクラス

コーディングで要素をさらにカスタマイズする場合は、このフィールドを使用してクラス名を追加し、CSS ファイルで参照してください。

デザインタブを構成する

要素の外観をスタイル設定するには、「デザイン」タブに移動し、この手順に従ってください。 記事.