Googleマップで複数のピンを表示する方法｜店舗・事業所紹介ページでの活用例

Googleマップで複数のピンを表示したい場面とは？

ホームページを制作していると、Googleマップ上に複数のピンを表示したい場面があります。

例えば、複数店舗を運営している会社、営業所がいくつかある企業、イベント会場を複数紹介したいサイト、観光スポットをまとめて掲載したい地域サイトなどです。

通常のGoogleマップ埋め込みでは、ひとつの住所や店舗を表示するケースが多いですが、複数の場所をまとめて見せたい場合は、Google My Mapsを使う方法が便利です。

複数ピンを表示するならGoogle My Mapsが使いやすい

複数の場所をGoogleマップ上に表示したい場合、Google My Mapsを使うと、オリジナルの地図を作成できます。

Google My Mapsでは、地図上に地点を追加したり、場所ごとに名前や説明を入れたり、アイコンや色を変更したりできます。

たとえば、次のような使い方ができます。

• 複数店舗を地図上に表示する
• 営業所や支店をまとめて紹介する
• イベント会場や駐車場を案内する
• 観光スポットをエリアごとにまとめる
• 施工実績や対応エリアを地図で見せる
• 地域のおすすめスポットをまとめる

単に住所を一覧で並べるよりも、地図上で位置関係が分かるため、ユーザーにとって見やすい情報になります。

Googleマップで複数ピンを表示する基本的な流れ

Googleマップで複数のピンを表示するには、Google My Mapsで専用の地図を作成し、その地図をホームページに埋め込む流れが分かりやすいです。

1. Google My Mapsで新しい地図を作成する

まず、Google My Maps を開き、新しい地図を作成します。

地図には、あとから見返して分かりやすい名前を付けておきます。

例えば、複数店舗を紹介する場合は「店舗一覧マップ」、観光スポットを紹介する場合は「福井県内おすすめスポットマップ」のようにしておくと管理しやすくなります。

2. 表示したい場所を追加する

次に、地図上に表示したい場所を追加します。

住所や施設名で検索して追加する方法もあれば、地図上を直接クリックして地点を追加する方法もあります。

店舗や事業所を追加する場合は、次のような情報を入れておくと分かりやすくなります。

• 店舗名・事業所名
• 住所
• 電話番号
• 営業時間
• 簡単な説明文
• 公式ページへのリンク

ホームページに掲載する場合は、ユーザーがその場所を選んだあと、次に何をすればよいか分かるようにしておくことが大切です。

3. ピンの色やアイコンを分ける

複数のピンを表示する場合、すべて同じ見た目だと違いが分かりにくくなります。

店舗、駐車場、イベント会場、観光スポットなど、種類ごとに色やアイコンを分けると見やすくなります。

例えば、次のような分け方が考えられます。

• 店舗：青
• 駐車場：グレー
• イベント会場：赤
• 観光スポット：緑
• 事務所・営業所：オレンジ

ホームページ上で見せる地図は、情報を詰め込みすぎるよりも、ユーザーが直感的に理解できることが大切です。

4. 必要に応じてレイヤーを分ける

Google My Mapsでは、情報をレイヤーで分けて整理できます。

例えば、地域紹介サイトであれば、「飲食店」「観光スポット」「駐車場」のように分けると、情報が整理されます。

複数店舗のサイトであれば、「福井エリア」「敦賀エリア」「嶺南エリア」のように地域ごとに分ける方法もあります。

レイヤーを分けることで、地図を見る人が必要な情報を探しやすくなります。

5. ホームページに埋め込む

地図が完成したら、ホームページに埋め込みます。

Google My Mapsの共有・埋め込み機能を使うことで、作成した地図をWebサイト内に表示できます。

WordPressの場合は、取得した埋め込みコードをカスタムHTMLブロックなどに貼り付けることで表示できます。

ただし、テーマやエディタの仕様によって表示方法が異なる場合があります。うまく表示されない場合は、iframeタグの幅や高さ、スマートフォン表示時の調整を確認しましょう。

複数ピンマップをホームページで活用できる例

Googleマップの複数ピン表示は、さまざまなホームページで活用できます。

複数店舗の紹介ページ

美容室、飲食店、整体院、教室、クリニックなど、複数店舗を運営している場合は、店舗一覧ページに複数ピンの地図を入れると便利です。

ユーザーは、自宅や職場から近い店舗を地図で確認できます。

各ピンに店舗ページへのリンクを入れておくと、地図から詳細ページへ移動しやすくなります。

事業所・営業所の案内ページ

本社、支店、営業所、工場などが複数ある企業でも、複数ピンの地図は役立ちます。

住所一覧だけでは位置関係が分かりにくい場合でも、地図にすることで「どのエリアに拠点があるのか」が伝わりやすくなります。

イベント会場・駐車場案内ページ

地域イベントや展示会、マルシェ、観光イベントでは、会場、受付、駐車場、臨時駐車場、シャトルバス乗り場など、複数の場所を案内することがあります。

このような場合も、複数ピンを使うことで来場者が迷いにくくなります。

特にスマートフォンで見るユーザーが多いイベントページでは、地図の分かりやすさが体験に直結します。

観光・地域メディアのスポット紹介

観光サイトや地域メディアでは、飲食店、観光スポット、宿泊施設、駐車場などをまとめて紹介することがあります。

複数ピンの地図を入れることで、記事を読んだユーザーが「このスポットも近い」「この順番で回れそう」とイメージしやすくなります。

施工実績・対応エリアの見せ方

工務店、リフォーム会社、外構業、写真撮影、Web制作などでは、施工実績や対応エリアを地図で見せる方法もあります。

ただし、個人宅や非公開案件の場合は、正確な住所を出さず、市町村単位やエリア単位でぼかして掲載するなど、プライバシーへの配慮が必要です。

Web制作で気をつけたいポイント

Googleマップをホームページに埋め込むときは、単に地図を貼るだけでなく、ユーザーにとって使いやすいかを考えることが大切です。

スマートフォンで見やすいサイズにする

地図はPCでは見やすくても、スマートフォンでは小さく表示されすぎることがあります。

スマホ表示では、地図の高さを十分に確保し、ピンが見づらくならないように調整しましょう。

また、地図のすぐ下に住所一覧やリンクを用意しておくと、地図が操作しづらい場合でも情報を確認できます。

地図だけに情報を依存しない

地図は便利ですが、すべてのユーザーが地図を操作しやすいとは限りません。

そのため、複数ピンの地図を掲載する場合でも、住所一覧、営業時間、電話番号、詳細ページへのリンクなどをテキストでも掲載しておくことをおすすめします。

検索エンジンに内容を伝える意味でも、地図だけでなくテキスト情報を用意することは重要です。

情報を詰め込みすぎない

複数ピンを表示できるからといって、情報を入れすぎると見づらくなります。

特に、1つの地図に店舗、駐車場、観光地、イベント会場などをすべて入れる場合は、アイコンやレイヤーで整理することが大切です。

更新しやすい運用にする

店舗や事業所の情報は、移転、営業時間変更、閉店、追加出店などで変わることがあります。

地図を作って終わりにするのではなく、誰が更新するのか、どのタイミングで確認するのかを決めておくと安心です。

GoogleビジネスプロフィールやMEOとの関係

複数ピンの地図は、GoogleビジネスプロフィールやMEO対策とも相性があります。

Googleビジネスプロフィールは、Google検索やGoogleマップ上で店舗や事業者情報を見つけてもらうための重要な情報です。

一方、ホームページ上の複数ピンマップは、ユーザーがサイト内で店舗や拠点を比較しやすくするための補助情報です。

それぞれ役割が違うため、どちらか一方だけではなく、両方を整えることが大切です。

• Googleビジネスプロフィール：検索結果やGoogleマップ上で見つけてもらう
• ホームページの複数ピンマップ：サイト内で場所や拠点を分かりやすく伝える

ホームページ制作では、Googleビジネスプロフィールへのリンク、店舗詳細ページ、アクセスページ、地図表示を組み合わせることで、地域集客の導線を作りやすくなります。

複数ピンマップを使うときの注意点

GoogleマップやGoogle My Mapsを利用する場合は、Googleの仕様変更や共有設定に注意が必要です。

地図を作成しても、共有設定が非公開のままだと、ホームページ上で正しく表示されない場合があります。

また、埋め込みコードを使う場合は、サイトの表示速度やスマートフォン表示にも注意しましょう。

複数ピンマップは便利ですが、サイト全体の見やすさや操作性を損なわないように設計することが大切です。

ホームページ制作で複数ピンマップを活かすなら

Googleマップの複数ピン表示は、店舗一覧、事業所紹介、イベント案内、観光スポット紹介など、さまざまなページで活用できます。

ただし、地図を貼るだけでは十分ではありません。

ユーザーが見やすい場所に配置し、住所や詳細ページへのリンクを整え、スマホでも使いやすい表示にすることが大切です。

また、GoogleビジネスプロフィールやMEO対策と組み合わせることで、検索・地図・ホームページの導線をつなげやすくなります。

HOOKでは、ホームページ制作、Googleビジネスプロフィールの見直し、地域集客を考えたWebサイト設計まで対応しています。

複数店舗・事業所紹介ページ、アクセスページ、地域イベントサイト、観光・地域メディアなどでGoogleマップを活用したい方は、お気軽にご相談ください。

まとめ

Googleマップで複数のピンを表示したい場合は、Google My Mapsを使う方法が便利です。

店舗、事業所、イベント会場、駐車場、観光スポットなどを地図上にまとめることで、ユーザーは位置関係を把握しやすくなります。

ホームページに掲載する場合は、地図だけに頼らず、住所や営業時間、詳細ページへのリンクなどもテキストで整理しておくことが大切です。

複数ピンマップは、見た目の便利さだけでなく、ユーザーの行動を助けるための導線設計として活用しましょう。