(adsbygoogle = window.adsbygoogle || []).push({});
Googleマップを、ブログやホームページに1分で貼り付けることが出来る
めちゃくちゃ簡単な方法をご紹介いたします。
私はワードプレスで「Simple Map」というプラグインを利用する予定でしたが、
「APIキー」という、有料のサービスに阻まれて進むことが出来ませんでした。
しかしちょっとの作業で、このような感じで貼り付けることができました！
まじめに1分ほどで出来ますので参考にしてください。
Googleマップで、表示したい場所を検索する
Gogleマップで、まず以下の2点を行います。
- 表示したい場所を検索（例では「新国立競技場」としています）
- 「共有」ボタンをクリック
すると、「共有」と書いた画面が出てくるので、
「地図を埋め込む」タブをクリックすると以下の画面になります。
画面左に「中 ▼」とありますが、ここで表示するサイズを選択します。
（私が冒頭で表示させていた地図は「中」サイズです）
問題なければ「HTMLをコピー」します。
Googleマップ側での作業はこれで終了です。
コピーしたコードを、ブログに貼り付ける。
終わりました。
これでもう、ブログで表示されていますのでご確認下さい。
カスタムでの最小サイズは200×200
200×200は、結構小さく感じますが
一気に色々なところを載せたい場合は、こんな感じで並べることができます。
スターバックスの店舗を例として並べてみました。
お気に入りの店舗を並べたり、
ホームページで自社店舗の紹介をしたい時などに使えそうですね。
色んな楽しい使い方をしてみてください！
すごく簡単なので、是非ブログやホームページでお試しください。
個人的には、ルートで表示することが出来れば最高の機能だったのですが、
既に便利な機能ですので、今後のサービス向上に期待ですね！
Googleマップの機能を使って、これからブログ作るという場合は、オススメの記事があるので紹介いたします。
知っているだけでつい使いたくなりますよね。
どうせなら効果的にガンガン使っていきましょう！