衝動買いなんてしません

Freepage List

ツールボックス

アユタヤ名物ロティサイマイ『メーポン』穴場の子店舗がおすすめ！
バンコク初の生食パン！『しろくまやベーカリー』予約不要で買えます
バンコク『サマーボウル』アーモンドバターのアサイーボウルが美味しい！
バンコク『ICI』予約無しでOK！楽しいスイーツだらけのミシュラン店
タイでドリアンを買うなら『オートーコー市場』が絶対おススメ！
バンコク『acai story』アンチエイジングのスーパーフードアサイー！
バンコク　バナナスイーツ専門店『クルアイクルアイ』揚げバナナが最高！
バンコクで店舗拡大中『Karun』美味しいフローズンタイティー

Comments

武田の赤備え@ Re:40年前のシャープペンシルを復活させたい：ぺんてる5 ＋ pentel KERRY(01/12) 通りすがりでございます。私も40年前中学…

crocoDuck @ Re[1]:アユタヤ名物ロティサイマイ『メーポン』穴場の子店舗がおすすめ！(09/26) pgion14さんへこんばんは～アユタヤは…

pgion14 @ Re:アユタヤ名物ロティサイマイ『メーポン』穴場の子店舗がおすすめ！(09/26) こんばんは～アユタヤでもミシュラン店…

crocoDuck @ Re[1]:バンコク初の生食パン！『しろくまやベーカリー』予約不要で買えます(09/25) pgion14さんへバンコクはまだまだ日本食…

pgion14 @ Re:バンコク初の生食パン！『しろくまやベーカリー』予約不要で買えます(09/25) こんばんは～日本の高級食パンブームも…

Favorite Blog

11月のおしゃれ手紙… New! 天地　はるなさん

シニアのパート

りぃー子さん

前川清ファミリーコ…

Sakura585さん

２０２４年６月　バ…

pgion14さん

男の子ママのお買い… ブジェチスラフさん

< 新しい記事

新着記事一覧(全700件)

過去の記事 >

2020.03.28

楽天ブログでGoogleMapの埋め込み(iframeタグ)が出来なくなりました

(4)

テーマ：楽天ブログいろいろ(1508)

カテゴリ：ちょっと知っておくと良いこと

2年ほど前に楽天ブログで埋め込みマップが使えるよう

になったのですが最近使えなくなってしまった模様です。

ブログ編集画面では問題なく表示され、地図のスクロールも

できますが、保存すると「入力エラー」となってしまいます。

iframeというhtmlタグがエラーにひっかかります。

過去に作ったブログに埋め込んだGoogleMapは

問題なく動作していますので、楽天ブログが

「公開」動作をする際の構文チェックに引っかかって

いるものと思います。

別ウインドウを開かずに扱えるのでブログが読みやすく

なりますので、是非、復活させてほしい次第です。

埋め込む地図のソースコードはこんな感じです。

(GoogleMapの自動生成コードです)

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30956.121816139144!2d138.71726373074424!3d35.35908377447217!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6019629a42fdc899%3A0xa6a1fcc916f3a4df!2z5a-M5aOr5bGx!5e0!3m2!1sja!2sjp!4v1585386551568!5m2!1sja!2sjp" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

▼2021/1/31追記

いま、気づいたのですが 埋め込みMapが使える ように

なっていました

これは助かります

▼2021/2/28追記

再びGoogle Mapの埋め込みができなくなって

しまいました

遅延読み込み のLazy-loadingが

指定された埋め込みコードがGoogle Mapから

吐き出される様になったことに起因していました。

元々Chromeで採用された遅延読み込みですが、

いまではweb標準になっているため、

ようにしたのだと思われます。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13015.194724953557!2d138.71860862910162!3d35.36064218368305!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6019629a42fdc899%3A0xa6a1fcc916f3a4df!2z5a-M5aOr5bGx!5e0!3m2!1sja!2sth!4v1614471002851!5m2!1sja!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" ></iframe>

↑赤文字部分を消せば、楽天ブログで地図を埋め込み

できるようになります

本来、この遅延読み込みは画面に表示されていない

ページ下方にあるデータを後から読み込むことで

データ使用量を減らす目的の機能ですが、

Chromeのライトモード(データセーバー)をONに

しているときだけ有効になります。

▼2022/3/31　追記

最近、また埋め込みコードに追加が行われました。

<iframe src="https://www.google.com/maps/embed?
・・・（略）・・・
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" ></iframe>

リファラーポリシー属性でHTTPSからHTTPに

移動する際、リファラーを送らない設定が明示されました。

下位セキュリティ基準へ移行する際の動作指定のため、

セキュリティ対策ですかね。

例によって、楽天ブログはこれに対応していないので、

消さないと埋め込みGoogleマップが使えません