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>
このままだと、私のページの場合、このように大きすぎ、はみ出します。
『必要なサイズに変更、 私の場合 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>
変更後は、こんな感じ。
以上、記録終了。
にほんブログ村
にほんブログ村
にほんブログ村
にほんブログ村
にほんブログ村
人気ブログランキングへ
FC2 Blog Ranking
