ブログへのストリートビューの埋め込みがど～してもうまくいかなかったのですが、みん友さんのTMJS60ULさんに教えていただきちゃんと表示できました😃
そこでお礼と備忘録を兼ねて記録しておきます。
TMJS60ULさんのブログのように”ストリートビュー”の埋め込みに挑戦したのですがネットで見つけた手順では何故かうまく表示されません😪
まずは埋め込みたいストリートビューを表示させます
縦[…]アイコンをクリック → 画像を共有または埋め込む 選択
地図を埋め込む → カスタムサイズ → HTMLをコピー クリック
※サイズはお好みに調整
コピーしたHTMLを、作成するブログに貼り付け！
これでうまくいくハズだったのですが･････
リッチ編集ではちゃんと表示されてます
しかし確認画面では･･･
貼り付けたしたHTMLがそのまま表示💦
なんで～？？？😪
そんな時TMJS60ULさんからコメントが
なるほどね。
埋め込みリンクのみんカラverへの修正が必要なのね･･･
そこで座標関係らしき数値のみ変更して貼付け
リッチ編集ではちゃんと表示されてます
問題は確認画面でちゃんと表示されているかです
やったー😁成功です！
[修正前]
googleマップよりコピー
<iframe src="https://www.google.com/maps/embed?pb=!4v1599290167436!6m8!1m7!1sm5EGFKassSD7CqdzkZ_SYQ!2m2!1d37.17298565196816!2d138.2620846334833!3f11.782740441528894!4f0.4649001002460835!5f0.7820865974627469" width="600" height="400" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
TMJS60ULさんから教えていただいた埋め込みリンク
<embed src="https://www.google.com/maps/embed?pb=!4v1599290167436!6m8!1m7!1smhYQ321HKYfI0xYBp2xqHg!2m2!1d37.14335423476862!2d138.2400972128637!3f262.64761877096527!4f9.492136399292008!5f0.7820865974627469" width="400" height="300" frameborder="0" style="border:0" allowfullscreen src='http://photozou.jp'></embed>
[修正後]
<embed src="https://www.google.com/maps/embed?pb=!4v1599145617105!6m8!1m7!1smhYQ321HKYfI0xYBp2xqHg!2m2!1d37.14335423476862!2d138.2400972128637!3f262.64761877096527!4f9.492136399292008!5f0.7820865974627469" width="600" height="400" frameborder="0" style="border:0" allowfullscreen src='http://photozou.jp'></embed>
皆さんも是非お試し下さい😄
ブログ一覧 |
スタイルシート | 日記
Posted at
2020/09/05 21:36:28
ストリートビューの埋め込み方
