もう働くのやめよう。

セミリタイアの男

Googleマップを、ブログやホームページに1分で貼り付ける手順

投稿日:2018年12月6日 更新日:




(adsbygoogle = window.adsbygoogle || []).push({});

Googleマップを、ブログやホームページに1分で貼り付けることが出来る
めちゃくちゃ簡単な方法をご紹介いたします。

私はワードプレスで「Simple Map」というプラグインを利用する予定でしたが、
「APIキー」という、有料のサービスに阻まれて進むことが出来ませんでした。

 

しかしちょっとの作業で、このような感じで貼り付けることができました!

まじめに1分ほどで出来ますので参考にしてください。

 

Googleマップで、表示したい場所を検索する

Gogleマップで、まず以下の2点を行います。

  1. 表示したい場所を検索(例では「新国立競技場」としています)
  2. 「共有」ボタンをクリック

 

すると、「共有」と書いた画面が出てくるので、
「地図を埋め込む」タブをクリックすると以下の画面になります。

 

画面左に「中 ▼」とありますが、ここで表示するサイズを選択します。
(私が冒頭で表示させていた地図は「中」サイズです)

問題なければ「HTMLをコピー」します。

 

Googleマップ側での作業はこれで終了です。

 

コピーしたコードを、ブログに貼り付ける。

終わりました。

これでもう、ブログで表示されていますのでご確認下さい。

 

カスタムでの最小サイズは200×200

200×200は、結構小さく感じますが
一気に色々なところを載せたい場合は、こんな感じで並べることができます。

スターバックスの店舗を例として並べてみました。

お気に入りの店舗を並べたり、
ホームページで自社店舗の紹介をしたい時などに使えそうですね。

 

色んな楽しい使い方をしてみてください!

すごく簡単なので、是非ブログやホームページでお試しください。

個人的には、ルートで表示することが出来れば最高の機能だったのですが、
既に便利な機能ですので、今後のサービス向上に期待ですね!

 

Googleマップの機能を使って、これからブログ作るという場合は、オススメの記事があるので紹介いたします。

 

 

知っているだけでつい使いたくなりますよね。
どうせなら効果的にガンガン使っていきましょう!

  • B!