衝動買いなんてしません

Freepage List

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

(4)

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

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

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マップが使えません

↓楽天トラベルからJALを購入すると マイルが1%付きます

ミニチュアシャープナー / イエローキャブ [ 鉛筆けずりえんぴつ削りえんぴつけずりけづりハンディ手動ミニ小さいレトロ車ミニカー文具文房具おすすめ ]

【3ケース(72本)送料無料】ヴェリタスブロイピュア&フリー 330ml×72本※沖縄県は送料無料対象外＜セットB＞＜輸入B＞ノンアルコールビール [2個口][0.1294.0.SE]

ZIPで紹介ダイエットダイエット食品おかず満腹感こんにゃくラーメン 24食糖質制限ダイエット食品置き換えこんにゃく麺置き換えダイエットラーメン糖質制限食低糖質糖質オフ低GI 健康食品健康低糖質麺テレワークダイエット父の日【送料無料】

レイバンサングラスウェイファーラー WAYFARER ブラック系ブラウン系 Ray-Ban RB2140F 901 52 / RB2140F 902 52 アジアンフィットフルフィットウェリントン型黒縁黒ぶち G-15 グリーンメンズレディースモデル RAYBAN 【海外正規品】

＼レビュー600件超え！／【楽天1位受賞】ノーズクリップ鼻高く美鼻プチ矯正整形鼻筋団子鼻ブタ鼻小鼻補正器具ツンと鼻がアップもっと高くする簡単手軽悩み解消ハナ Hana ホワイト送料無料

★選べる特典付き★BRUNO ブルーノ加湿器大容量上から給水カームミスト加熱式アロマ上部給水 W除菌バケツ型上から 4L かわいいおしゃれハイブリッド式加湿器 BOE062【送料無料】［ハイブリッドUV加湿器 CALM MIST ］

お気に入りの記事を「いいね！」で応援しよう

Last updated 2022.03.31 20:58:26
コメント(4) | コメントを書く

[ちょっと知っておくと良いこと] カテゴリの最新記事

■コメント

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

すわりさん

はじめまして！

crocoDuckさんのブログはいろいろなところに出かけられていて、見ていて楽しいですね。 (2022.05.07 18:07:14)

返事を書く

Re[1]:楽天ブログでGoogleMapの埋め込み(iframeタグ)が出来なくなりました(03/28)

crocoDuck さん

すわりさんへ

初めまして、こんばんは！
お役に立てて良かったです。
埋め込み地図の方がスマホで使う時には便利ですよね。

自分は駐在員をやることが多いので退屈しのぎに色々なところに行ってブログを書いていますが、外国暮らしはあまり好きじゃないので日本に早く帰りたいです・・。

すわりさんのブログも見せていただきました。
綺麗な花ですね。
自分も多肉や原種チューリップを日本で育てています。
どちらも全く手がかからないので何年放っておいてもすくすくと育ってくれます・・。 (2022.05.07 20:50:58)

返事を書く

Re[2]:楽天ブログでGoogleMapの埋め込み(iframeタグ)が出来なくなりました(03/28)

すわりさん

crocoDuckさんへ

そうですね💦
楽しむためではなくて、お仕事で行かれてるのは大変ですね。早く帰ってきて落ち着けると良いです。

私は狭いところで園芸しているので、ちょうど冬にチューリップの原種に挑戦してみましたが、管理が悪くて今回はうまく行かなかったんです。
レディジェーン調べてみます。

多肉は凄く流行っているのは知っていましたが、自分の勘違いで、なぜか日陰の植物だと思って調べたりしてませんでした。ちまちましているのが可愛いです。 (2022.05.10 19:14:28)

返事を書く

Re[3]:楽天ブログでGoogleMapの埋め込み(iframeタグ)が出来なくなりました(03/28)

crocoDuck さん

すわりさんへ

こんばんは。
外国は5日くらいなら楽しいと思うのですが、仕事＋期限無しなのでちょっと・・・考えないようにしないと辛すぎます。

チューリップの原種に挑戦されていたんですね！
原種は強いので、もしかすると数年後に葉っぱを出すかもしれません。
うちのハーゲリーは4年に一回くらいしか咲かないです。
その反面、レディジェーンはとても逞しくて自然分球でどんどん増えています:)

自分は多肉を鉢でたくさん育てているタイプでは無くて庭に地植えをして、自らの力でコロニーをじわじわ広げていくのを横から眺めている感じです。
成長する時期はけっこう子株を出すのでかわいいです。以前、真上にアーモンドの葉が生い茂って日陰になったら元気がなくなってしまったので、太陽が大好きっぽいです。 (2022.05.10 22:36:02)

返事を書く