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

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

地図ブロックを追加する

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

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

場所のピンを追加

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

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

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

デザインを変更する

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

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

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

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

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

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

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

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

よくある質問

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

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

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

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

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

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

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

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

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