【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】

【Googleマップ】複数ピンを埋め込む方法を覚えて、サイト・ブログに活用しあなたのユーザーの方々に見やすく判りやすいブログをつくりませんか？

ブログやサイトを見ていると、紹介されたお店などの位置情報をGoogleマップで掲載しているのを見た事ありませんか？あなたのブログでも載せてる事もあるかと思います。

では、あなたの紹介したい場所が複数あった場合、Googleマップ上に複数ピンを立てた地図をブログに埋め込む事は出来ますか？

こんな感じです。

大阪府の１０駅ある道の駅の場所

あ、出来る？
じゃあ、この先は読まなくて大丈夫です・・・(笑)

※説明を始める前に一つ大切な事があります。

複数ピンを立てた地図を埋め込むのは、自分用の複数ピンが立ったマップを皆に公開して見て貰うというやり方になりますので、Googleアカウントが必要なのでご注意下さい

Googleアカウントを取得したら、さぁ始めます

【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】ピン📌を立てる

【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】する。先ずはピン📌を立ててみましょう。

１・左上のメニューをクリック

２・マイプレイスをクリック

３・マイマップを選択
４・下に出た『地図を作成』を選択

５・ピンを立てる

※候補に無い時や施設がない場所を登録する時は➍の下の赤枠内のマーカーボタンで登録します※

【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】ピンの編集（名前・色・備考など）

【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】次はピンの編集を説明していきます。

編集で出来る事は

などです。

赤枠のピンをクリックすれば情報ウィンドウが出るので、その下のアイコンで選べます。

一番左で『色とアイコン』を変えれます

左から２個目の✐ペンのアイコンで『名前や備考欄の編集』が出来ます

【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】共有の設定をする

【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】共有の設定をする。

ここが少しややこしいところですが、Googleマップにピンを１本立てて埋め込みした事がある人は分かると思いますが、１本だとそのピン📌をクリックすれば共有ボタンが出てくるので、そこから『リンクをコピー』か、地図を埋め込むを選択して『HTMLをコピー』してテキストに貼り付けるだけでOKでした

【１本のピンを埋め込む方法】

以下に写真で載せておきます。

１・ピンをクリックしたら、下の画像ウィンドウが出るので『共有』を選択

 

２・共有の『リンクをコピー』してブログに貼り付ける（一つ目の方法）

 

３・上の図の赤枠『地図を埋め込む』を選択、下の図『HTMLをコピー』を選択してブログのテキストに貼り付けてOK（二つ目の方法）

※左にある【中▼】で掲載する地図のサイズを変更出来ます※

 

本題に戻ります。

１・掲載したいピンを全て『＋地図に追加』し終わったら、次はマップ左にあるウィンドウの『＋共有』を選択してください

２・リンクを取得のところが『制限付き』になってる場合は⇩の『全員が閲覧』に変更してください

３・最後に左ウィンドウの上に縦の３つの点をクリックして、『自分のサイトに埋め込む』を選ぶと、以下の画像のHTMLが表示されるので、コピーして貼り付ければ完成です。

こんな感じ⇩

これで複数ピンを自分のサイトに埋め込む事が出来ました。

【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】まとめ

【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】のまとめです。

どうでしょうか？慣れてしまえば結構簡単に出来てしまいますので、是非あなたのサイトでも活用してユーザー様に見やすいサイト作成の手助けになればと思います

ではこのへんで。また。

遊びのない人生も　お金のない人生も　くだらない　

稼いで遊び　遊びをお金に　あなたの才能を力に

仮想会社ニークルスク・代表