Sponsored Link

ブログ

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

投稿日:




Googleマップを、ブログやホームページに1分で貼り付けることが出来る

めちゃくちゃ簡単な方法をご紹介いたします。

 

私はワードプレスで「Simple Map」というプラグインを利用する予定でしたが、

「APIキー」という、有料のサービスに阻まれて進むことが出来ませんでした。

 

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

嘘とかではなく、まじめに1分くらいで出来ますので順を追って説明いたします。

 

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

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

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

 

すると、「共有」と書いた画面が出てくるので、

「地図を埋め込む」タブをクリックすると以下の画面になります。

画面左に「中 ▼」とありますが、ここで表示するサイズを選択します。

(私が冒頭で表示させていた地図は「中」サイズです)

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

 

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

 

Sponsored Link

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

終わりました。

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

 

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

200×200は、結構小さく感じますが

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


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

お気に入りの店舗を並べたり、

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

 

Sponsored Link

終わりに

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

個人的には、ルートで表示することが出来れば最高の機能だったのですが、

既に便利な機能ですので、今後のサービス向上に期待ですね!

 

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

 

 

知っているだけでつい使いたくなりますよね。

どうせなら効果的にガンガン使っていきましょう!

Sponsored Link
Sponsored Link

-ブログ

Copyright© セミリタイアの男 , 2018 All Rights Reserved.