オンラインカフェ会(オンライン飲み会)

グーグルマップに複数のピンを立てて、ブログに載せる方法

グーグルマップに複数のピンを立てて、ブログに載せる方法
グーグルマップに複数のピンを立ててブログに載せる方法ってありますか?

こういった疑問にお答えします。

プラグインを使う方法もありますが、より簡単な方法をご紹介します。

この記事でお伝えする方法で作成すると以下のようになります。

グーグルマップに複数のピンを立てる方法

①グーグルマップにアクセスする

https://www.google.co.jp/maps

②メニューをクリックする

以下のようにメニューをクリックしてください。

③マイプレイスを選択する

以下のようにメニューが表示されますので、マイプレイスを選択してください。

補足

ログインしていない方は、このタイミングでログインを促されます。

④マイマップを選択する

上のタブからマイマップをクリックしてください。

⑤「地図を作成」をクリックする

⑥ピンを立てる

ピンを立てていきます。追加したい地域名を以下の箇所に入力してください。

地図に追加」をクリックします。

複数ピンを立てたい場合は、同じ作業を繰り返します。

⑦ピンやコメントの編集

ピンの色やアイコンを変えることができます。以下のマークをクリックしてください。

クリックすると、以下の画面が表示されます。

⑧共有設定

ピンを立て終わったら、共有設定を行います。以下の「共有」をクリックします。

地図のタイトル(任意)」と「簡単な説明(任意)」を入力して、「OK」をクリックしてください。

すると、以下の画面が表示されます。

現在は制限付きのリンクになっていますので、「リンクを知っている全員に変更」をクリックします。

以下の画面になりましたら、「完了」をクリックしてください。

⑨埋め込み用URLの取得

続いて、ブログに地図を埋め込むためのURLを取得していきます。

以下のマークをクリックしてください。

以下の画面が表示されますので、「自分のサイトに埋め込む」を選択してください。

以下の画面が表示されますので、以下の「HTML」をコピーして「OK」をクリックしてください。

⑩コピーしたHTMLコードをブログのHTMLに貼り付ける

コピーしたHTMLコードをブログのHTMLに貼り付けてください。

記事を公開すると、以下のように貼り付けることができます。

以上、グーグルマップに複数のピンを立ててブログに載せる方法でした。

ABOUTこの記事をかいた人

アバター

西日本最大級のカフェ会「福岡カフェ会」代表。ノマドなイベンター。福岡に癒しと出会いを創造すべく企画・運営を行いつつ、地域活性化のためのメディア運営やスタートアップの支援、プロデュースなどを行っている。北九州出身→早稲田大学卒。趣味はカフェ巡り、フットサル、カフェ会。