2016年12月23日

ストリートビューの埋め込み

 Googleマップの埋め込みはずっと多用してきましたが、ストリートビューの埋め込みはあまりやってきませんでした。単なるリンクと違い、別のページを開かされることがないので親切かも知れません。やり方を調べてみました。

 まずは、通常の地図の埋め込みの手順確認です。

sv埋め込み01.png


 共有アイコンをクリックします。
 小さなウインドウが開いて、埋め込み地図のサイズを指定した上で、埋め込みのコードをコピーします。

sv埋め込み02.png




 実は、ストリートビューも同じ手順だと分かりました。
 地図の上に、ペグマンを落とします。

sv埋め込み03.png


 設定アイコン(「…」が縦になったもの)をクリックして、埋め込みコードを指定するウインドウを開きます。

sv埋め込み04.png


 プレビューを利用するのもいいと思います。

sv埋め込み05.png


 出来上がり。



 ちなみに、
http://shimz.me/blog/google-map-api/4313
によると、ストリートビューのスチル写真ならば、次のように記述すれば良いのだそうです。

<img alt="高崎白衣大観音" src="https://maps.googleapis.com/maps/api/streetview?size=400x500&location=36.310739,138.98076&heading=-21.937146294612894&pitch=41.65187506667862&fov=90.62599950510469&zoom=1"/>


 数値指定が面倒なので、サイトの所有者がジェネレータというのも作ってくれています。
http://shimz.me/example/gmapv3/streetview/01/

sv埋め込み06.png


 わざわざ静止画にするメリットは分かりませんが、知っておいてもいいと思います。

甲府献血ルーム

 余談ですが、地図の作業をしながらペグマンがちょっと「違う」事に気づきました。

pegman_cap02.png


pegman_cap01.png


 クリスマスバージョンですね。


posted by kewpie at 23:29| Comment(0) | TrackBack(0) | パソコン
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/178143286
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
コメントの投稿について
○お名前とコメント欄の記入は必須です。
○メールアドレスは任意です。記入されても公開はされません。管理人のみに知らされます。
○スパム防止のため、
・ホームページアドレス欄への記入はできません。
・コメント欄にURLは記入できません。
・スパムと思われる語を記入できません。
 これらをしようとすると、最終的に投稿完了できません。
○投稿完了後に、管理人の判断でスパムと判断した投稿は削除させていただきます。