|
「Yahoo!ブログに地図を貼り付けたい!」
そういうのって、ブログを書いていると結構あるよね。
俺のブログでも、以前はYahoo!地図のサービスを使って貼り付けていたんだけど
最近(?)の仕様変更で、変な感じに地図が貼り付けられるようになっちゃったんだよね
![]() ↓Yahoo!地図を貼り付けた記事・・・なんだこりゃ?
これじゃ表示したくても、左側の内容が邪魔すぎて訳が分からないよね。。。
![]() そこで今回は、Googleマップを貼り付ける方法がありましたので
それを記載させていただきます!!
![]() なお、この記事は「yoriのIT手帳」さんのブログにある
「ブログテク:Googleマップの貼り付け」の内容を参考にして作成しました。
貴重な情報を公開してくれるというのは、本当に有難いです
![]() まず、パソコンでGoogleマップを開きます。
なおAndroidタブレットでは、この後に出てくる「地図を共有または埋め込む」が表示されませんでした。
なので、多分パソコンからやったほうが無難です
![]() 次に中心に表示したい場所をクリックし、スポットマークを付けます。
スポットマークを付けると、自動的に左側に詳細情報が表示されます。
詳細情報が表示されたら、検索テキストボックスのところにある「三」みたいなマークをクリック!
さらに左側からメニューが表示されるので、「地図を共有または埋め込む」を選択します。
すると地図を貼り付けるための画面が出るので、「地図を埋め込む」という部分をクリックした後
「<iframe src="・・・」と書かれた部分のテキストボックスの内容をコピーします。
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3211.433653061228!2d140.53047345860554!3d36.398702048182386!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60222f7492408853%3A0xc60b7930089a0731!2z44CSMzEyLTAwNTIg6Iyo5Z-O55yM44Gy44Gf44Gh44Gq44GL5biC5p2x55-z5bed77yS5LiB55uu77yR77yV4oiS77yUIOiKpeWtkOWxiw!5e0!3m2!1sja!2sjp!4v1461458715929" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
コピーした内容を、Windowsのメモ帳等に貼り付けて
src="・・・"の中身の部分をまたコピーします。
↓赤太字の部分だけコピーね
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3211.433653061228!2d140.53047345860554!3d36.398702048182386!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60222f7492408853%3A0xc60b7930089a0731!2z44CSMzEyLTAwNTIg6Iyo5Z-O55yM44Gy44Gf44Gh44Gq44GL5biC5p2x55-z5bed77yS5LiB55uu77yR77yV4oiS77yUIOiKpeWtkOWxiw!5e0!3m2!1sja!2sjp!4v1461458715929" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> 続いて自分のブログを開いて、地図を貼り付けたい記事を表示し
「動画、ブログパーツのURLを指定して記事に貼り付ける」を選択します。
「動画、ブログパーツのURLを指定して記事にはりつける」という画面が表示されるので
動画のURLの部分に、先程コピーした内容を貼り付け、表示サイズを入力して「OK」ボタンを押します。
以上により、下のような地図を貼り付けることが出来ます!!
![]() やったね!
![]() 最後に、貴重な情報を公開していただいたyoriさんに本当に感謝です
![]() ※この記事は転載自由です。
|
全体表示
[ リスト ]














