|
テーマ:楽天ブログいろいろ(1425)
カテゴリ:ちょっと知っておくと良いこと
2年ほど前に楽天ブログで埋め込みマップが使えるよう
になったのですが最近使えなくなってしまった模様です。 ブログ編集画面では問題なく表示され、地図のスクロールも できますが、保存すると「入力エラー」となってしまいます。 iframeというhtmlタグがエラーにひっかかります。 過去に作ったブログに埋め込んだGoogleMapは 問題なく動作していますので、楽天ブログが 「公開」動作をする際の構文チェックに引っかかって いるものと思います。 インラインフレームに外部(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標準になっているため、 Googleとしては標準でこのコードを生成する ようにしたのだと思われます。 <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 ] お気に入りの記事を「いいね!」で応援しよう
[ちょっと知っておくと良いこと] カテゴリの最新記事
はじめまして!
こちらの記事を参考にさせていただいて、地図を載せることができました。ありがとうございました。 crocoDuckさんのブログはいろいろなところに出かけられていて、見ていて楽しいですね。 (2022.05.07 18:07:14)
すわりさんへ
初めまして、こんばんは! お役に立てて良かったです。 埋め込み地図の方がスマホで使う時には便利ですよね。 自分は駐在員をやることが多いので退屈しのぎに色々なところに行ってブログを書いていますが、外国暮らしはあまり好きじゃないので日本に早く帰りたいです・・。 すわりさんのブログも見せていただきました。 綺麗な花ですね。 自分も多肉や原種チューリップを日本で育てています。 どちらも全く手がかからないので何年放っておいてもすくすくと育ってくれます・・。 (2022.05.07 20:50:58)
crocoDuckさんへ
そうですね💦 楽しむためではなくて、お仕事で行かれてるのは大変ですね。早く帰ってきて落ち着けると良いです。 私は狭いところで園芸しているので、ちょうど冬にチューリップの原種に挑戦してみましたが、管理が悪くて今回はうまく行かなかったんです。 レディジェーン調べてみます。 多肉は凄く流行っているのは知っていましたが、自分の勘違いで、なぜか日陰の植物だと思って調べたりしてませんでした。ちまちましているのが可愛いです。 (2022.05.10 19:14:28)
すわりさんへ
こんばんは。 外国は5日くらいなら楽しいと思うのですが、仕事+期限無しなのでちょっと・・・考えないようにしないと辛すぎます。 チューリップの原種に挑戦されていたんですね! 原種は強いので、もしかすると数年後に葉っぱを出すかもしれません。 うちのハーゲリーは4年に一回くらいしか咲かないです。 その反面、レディジェーンはとても逞しくて自然分球でどんどん増えています:) 自分は多肉を鉢でたくさん育てているタイプでは無くて庭に地植えをして、自らの力でコロニーをじわじわ広げていくのを横から眺めている感じです。 成長する時期はけっこう子株を出すのでかわいいです。以前、真上にアーモンドの葉が生い茂って日陰になったら元気がなくなってしまったので、太陽が大好きっぽいです。 (2022.05.10 22:36:02) |
|