aoriika: Google Maps View Photo Sphere　写真リンク埋め込み時のサイズ変更　覚え

2014年10月15日水曜日

Google Maps View Photo Sphere　写真リンク埋め込み時のサイズ変更　覚え

Google Maps View の Photo Sphere 画像をblogへ埋め込]む時、サイズ変更が必要になったので、記録。

サンプルは、フェリーおおさか夕食バイキングで。

HTMLについては、まったく判らないのだが、とりあえずサイズの変更。

『Google Map view オリジナル埋め込み用の　height="315"　　width="560"を変更します。』

これがオリジナル↓↓↓
<iframe frameborder="0" height="315" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?layer=c&panoid=0vPm5QPz4MYAAAQYLHZqog&ie=UTF8&source=embed&output=svembed&cbp=13%2C64.91160000000002%2C%2C0%2C0" width="560"></iframe>
<div>
<small><a href="https://www.google.com/maps/views/" style="color: blue; text-align: left;">ビュー</a>: <a href="https://www.google.com/maps/views/view/115502385982519502487/gphoto/6059551633029797698" style="color: blue; text-align: left;">フェリーおおさか夕食バイキング photo.687</a>（撮影: <a href="https://www.google.com/maps/views/profile/115502385982519502487" style="color: blue; text-align: left;">Aori Ika</a>）</small></div>

このままだと、私のページの場合、このように大きすぎ、はみ出します。

ビュー: フェリーおおさか夕食バイキング photo.687（撮影: Aori Ika）

『必要なサイズに変更、　私の場合　height="289"　　width="504"に変更。』

<iframe frameborder="0" height="289" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?layer=c&panoid=0vPm5QPz4MYAAAQYLHZqog&ie=UTF8&source=embed&output=svembed&cbp=13%2C64.91160000000002%2C%2C0%2C0" width="504"></iframe>
<div>
<small><a href="https://www.google.com/maps/views/" style="color: blue; text-align: left;">ビュー</a>: <a href="https://www.google.com/maps/views/view/115502385982519502487/gphoto/6059551633029797698" style="color: blue; text-align: left;">フェリーおおさか夕食バイキング photo.687</a>（撮影: <a href="https://www.google.com/maps/views/profile/115502385982519502487" style="color: blue; text-align: left;">Aori Ika</a>）</small></div>

変更後は、こんな感じ。

ビュー: フェリーおおさか夕食バイキング photo.687（撮影: Aori Ika）

以上、記録終了。