地図ブロック

ビジネスやイベントの場所を視覚的に表示します⁠。

最終更新日 2024年8月08日

地図ブロ⁠ックは⁠、場所のピンが着いたGoogleマ⁠ップをサイトに埋め込む場合に使用します⁠。これは⁠、ビジネスやイベントの場所を表示するのに最適な方法です⁠。お問い合わせペ⁠ージに地図ブロ⁠ックを追加するのが一般的です⁠。

地図ブロ⁠ックを追加する

地図ブロ⁠ックを追加するには⁠、次の手順に従います⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックして⁠、メニ⁠ュ⁠ーから [⁠地図⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用したコンテンツの追加⁠」をご参照ください⁠。
  2. ブロ⁠ックの鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. [⁠コンテンツ⁠] タブで⁠、場所のピンを追加します⁠。
  4. [⁠デザイン⁠] タブを使用して⁠、マ⁠ップの色と外観をカスタマイズします⁠。
  5. 完了したら⁠、ブロ⁠ック エデ⁠ィタ⁠ーの外側をクリ⁠ックします⁠。変更内容は自動的に保存されます⁠。

場所のピンを追加

場所のピンは⁠、地図ブロ⁠ック内の住所に表示されるマ⁠ーカ⁠ーです⁠。クリ⁠ックすると⁠、Googleマ⁠ップでその住所が開きます⁠。

場所ピンを追加する方法は以下のとおりです⁠。

  1. 地図ブロ⁠⁠ックのコンテンツ タブで⁠⁠、住所を入力します⁠⁠。[⁠⁠住所⁠⁠] フ⁠⁠ィ⁠⁠ールドで入力を始めると⁠⁠、ブロ⁠⁠ックにGoogleが提供するオ⁠⁠ートコンプリ⁠⁠ート候補のリストが表示されます⁠⁠。ビジネス名は地図ブロ⁠⁠ック自体には表示されません⁠⁠。
  2. Googleの提案から住所を選択し⁠⁠、[⁠⁠住所⁠⁠]⁠⁠、[⁠⁠市区町村⁠⁠]⁠⁠、[⁠⁠都道府県⁠⁠]⁠⁠、[⁠⁠郵便番号⁠⁠]⁠⁠、[⁠⁠⁠⁠] の各フ⁠⁠ィ⁠⁠ールドに入力します⁠⁠。これにより⁠⁠、地図ブロ⁠⁠ックにピンが自動的にドロ⁠⁠ップされます⁠⁠。
  1. [⁠⁠会社の住所⁠⁠] の下に住所を入力します⁠⁠。住所の入力を開始すると⁠⁠、Googleが提供するオ⁠⁠ートコンプリ⁠⁠ートの候補のリストがブロ⁠⁠ックに入力されます⁠⁠。[⁠⁠ビジネス名⁠⁠] は住所を見つける手がかりになりますが⁠⁠、地図ブロ⁠⁠ック自体には表示されません⁠⁠。
  2. リスト内の住所をタ⁠⁠ップして⁠⁠、場所のピンを地図ブロ⁠⁠ックにドロ⁠⁠ップします⁠⁠。

備考

地図ブロ⁠ックはGoogleマ⁠ップの情報を使用しています⁠。Googleマ⁠ップに住所がない場合⁠、地図ブロ⁠ックはその住所を見つけることができません⁠。マ⁠ップにない場所を追加するか⁠、エラ⁠ーを報告する方法については⁠、Googleのドキ⁠ュメントにアクセスしてください⁠。Googleマ⁠ップに住所を追加した後でも地図ブロ⁠ックが更新されない場合は⁠、よくある質問をご覧ください⁠。

デザインを変更する

マ⁠ップの色と外観をカスタマイズするには⁠、地図ブロ⁠ックの [⁠デザイン⁠] タブを使用します⁠。

地図の色をカスタマイズする

タブの上部にあるオプシ⁠⁠ョンから色設定を選択します⁠⁠。

  • オリジナル - Googleマ⁠⁠ップのクラシ⁠⁠ック デザイン
  • グレ⁠⁠ースケ⁠⁠ール
  • サテライト
  • ダ⁠⁠ーク
  • ライト
  • - 水を青で表示し⁠⁠、地図の他の部分を白で表示します⁠⁠。

レイヤ⁠⁠ーを追加する

マ⁠⁠ップにレイヤ⁠⁠ーを追加するには⁠⁠、以下のオプシ⁠⁠ョンのトグルをオンに切り替えます⁠⁠。

  • ラベル - 場所の名前を表示します
  • 地形 - 地形の特徴を表示します
  • コントロ⁠⁠ール - 表示ズ⁠⁠ーム⁠⁠、方向矢印⁠⁠、地図スケ⁠⁠ール
  1. ブロ⁠⁠ック エデ⁠⁠ィタ⁠⁠ーで [⁠⁠デザイン⁠⁠] をタ⁠⁠ップします⁠⁠。
  2. [⁠⁠マ⁠⁠ップ スタイル⁠⁠] をタ⁠⁠ップし⁠⁠、リストからスタイルを選択します⁠⁠。
  3. [⁠⁠ラベルを表示⁠⁠]⁠⁠、[⁠⁠地形を表示⁠⁠]⁠⁠、または [⁠⁠コントロ⁠⁠ールを表示⁠⁠] のトグルをオンに切り替えると⁠⁠、表示をさらにカスタマイズできます⁠⁠。

ブロ⁠ックのサイズを変更する (⁠コンピ⁠ュ⁠ータ⁠ーのみ⁠)

下部のハンドルをクリ⁠ックしてドラ⁠ッグし⁠、地図ブロ⁠ックの高さを変更します⁠。

ヒント

Shiftを長押ししながらハンドルをドラ⁠ッグすると⁠、マ⁠ップのサイズを20ピクセル単位で変更できます⁠。これは⁠、マ⁠ップの下端を他のブロ⁠ックと揃えるのに役立ちます⁠。

KB Guide Image

地図ブロ⁠ックが別のブロ⁠ックの隣の列にある場合⁠、その幅を調整できます⁠。詳細については⁠、「⁠ブロ⁠ックのサイズを変更する⁠」をご覧ください⁠。

訪問者が地図ブロ⁠ックを使用する方法

訪問者は地図ブロ⁠ック上のピンをクリ⁠ックして⁠、Googleマ⁠ップで住所を開くことができます⁠。コンピ⁠ュ⁠ータ⁠ーのブラウザ⁠ーでは⁠、訪問者はクリ⁠ックおよびドラ⁠ッグして地図上を移動します⁠。モバイル ブラウザ⁠ーでは⁠、訪問者は2本の指を使用してマ⁠ップ内を移動します⁠。

この機能では⁠、Squarespaceサイト上の事業所在地と連絡先情報のみが表示されます⁠。住所⁠、連絡先情報⁠、営業時間を別のプラ⁠ットフ⁠ォ⁠ームまたは検索エンジンにプ⁠ッシ⁠ュするには⁠、Googleビジネス プロフ⁠ィ⁠ールなどのサ⁠ードパ⁠ーテ⁠ィ⁠ー ツ⁠ールを使用します⁠。

よくある質問

地図に複数の場所のピンを追加できますか⁠?

地図ブロ⁠ックで表示できる場所のピンは1つのみです⁠。複数の場所のマ⁠ップを作成するには⁠、複数の地図ブロ⁠ックを1つのペ⁠ージに追加します⁠。

あるいは⁠、コ⁠ード ブロ⁠ックを使用してサイトにGoogleマ⁠ップを埋め込むこともできます⁠。コ⁠ードベ⁠ースのカスタマイズは⁠、サポ⁠ートの範囲外です⁠。さらに詳しいヘルプが必要な場合は⁠、Googleのドキ⁠ュメントをご参照ください⁠。

地図ブロ⁠ックのサイズが変更され⁠、モバイル端末上のピンが非表示になります

地図ブロ⁠ックは⁠、ブラウザ⁠ーのサイズに基づいてレスポンシブにサイズ変更されます⁠。これはサイトのモバイル向け表示に役立ちますが⁠、小さいブラウザ⁠ーではピンが隠れてしまうことがあります⁠。コンピ⁠ュ⁠ータ⁠ーのブラウザ⁠ーで表示している場合は⁠、ブラウザ⁠ー ウ⁠ィンドウを拡大してピンが表示されるようにしてください⁠。

端末別プレビ⁠ュ⁠ーを使用して⁠、スマ⁠ートフ⁠ォンやタブレ⁠ットで地図がどのように表示されるかをプレビ⁠ュ⁠ーします⁠。

地図ブロ⁠ックに誤⁠った情報が表示されます

住所を入力し⁠、地図ブロ⁠ックが正常に更新されたにもかかわらず⁠、誤⁠った情報が表示される場合は⁠、Googleに直接報告してください⁠。地図の右下隅にある [⁠地図のエラ⁠ーを報告⁠] をクリ⁠ックします⁠。

住所を入力しても地図ブロ⁠ックが更新されない場合は⁠、地図ブロ⁠ックを削除して新しい地図ブロ⁠ックを追加してみてください⁠。それでも問題が解決しない場合は⁠、当社にお問い合わせください⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。