おっさんのblogというブログ。

下らない事に心血を注ぐおっさんの話、たまには聞いてみてもいいんじゃない。

はてなブログにgoogle mapのストリートビューを貼り付けてみた。

スポンサーリンク

スポンサーリンク

如何お過ごしですか? 3回連続10cmです。

当ブログにお越しいただきありがとうございます。

いつも本当にありがとうございます。

 

はてなgoogle map貼り付けているのよく見ますよね。地図が貼りついていると場所がよく分かっていいですよね。
で、mapじゃなくてストリートビューも貼り付けられるみたいなので実験してみました。

PCです。スマートフォンでのやり方は分かりません。

 

 

mapの貼り付けをおさらい。

①mapをだして、任意の場所(例えば高松駅)をクリック。

f:id:sankairenzoku10cm:20190620172747j:plain



②赤い瓢箪みたいなマークがでる。左に枠が現れる。『メニュー:三本線)』をクリック。

f:id:sankairenzoku10cm:20190620172832j:plain

 


 ③『地図を共有または埋め込む』をクリック。

f:id:sankairenzoku10cm:20190620172909j:plain


 
④『共有』という枠が現れるので、『地図を埋め込む』をクリック。

f:id:sankairenzoku10cm:20190620172940j:plain



⑤現れた『住所?』をコピーする。『HTMLをコピー』をクリックしても可。

f:id:sankairenzoku10cm:20190620173253j:plain



はてなの『HTML編集』のページにペーストする。

f:id:sankairenzoku10cm:20190620173318j:plain



はてなの『プレビュー』のページに移って確認する。

f:id:sankairenzoku10cm:20190620173350j:plain


めでたし、めでたし。

 

ストリートビューの貼り付け。

①googlemapでストリートビューをだして、左上の『メニュー:三つの点』をクリック。

f:id:sankairenzoku10cm:20190620204517j:plain



②『画面を共有または埋め込む』をクリック。

f:id:sankairenzoku10cm:20190620204603j:plain



③『共有』という枠が現れるので、『地図を埋め込む』をクリック。

f:id:sankairenzoku10cm:20190620204636j:plain



④現れた『住所?』をコピーする。『HTMLをコピー』をクリックしても可。

f:id:sankairenzoku10cm:20190620204707j:plain


 
はてなの『HTML編集』のページにペーストする。

f:id:sankairenzoku10cm:20190620204743j:plain



はてなの『プレビュー』のページに移って確認する。

f:id:sankairenzoku10cm:20190620204818j:plain


めでたし、めでたし。

 

以下が実際に貼りつけたストリートビューです。高松駅付近をお楽しみください。 

 

編集後記

ストリートビューの貼り付け、いかがでしたか?

そんなん知っとったわ!

そうでしたか、失礼しました。

どなたかの記事でストリートビューを貼られてカッコよかったので、自分でやってみました。これ何も見ずにやったからね。

map貼り付けとだいたい一緒じゃねーか!.....まぁまぁ。

 

で、はてなストリートビュー貼り付けて何すんの?

さーー、何すんだろうね。

 

f:id:sankairenzoku10cm:20190704215910j:plain