Maps API を使用して Google マップを表示する iframe に取り組んでいます。iframe は、Google マップと同様に https を使用して配信されます。Chrome、Firefox、Safari ではすべてが正しく表示されます。ただし、IE ではマップが読み込まれません。
IE は混合コンテンツの警告をスローしており、安全なコンテンツのみを表示していると言います。奇妙なことに、Google マップを除くすべての安全なコンテンツが表示されます。
ここで iframe の動作を確認できます: https://auctionlook.com/embed-test/
ルート サイトには https ではなく http で読み込まれている要素がたくさんあることはわかっていますが、iframe 内のすべてのコンテンツは https で読み込まれています。
オークション リストのいずれかをクリックすると、IE では表示されない Google マップを読み込むページに移動します。
これは埋め込み用のコードです。特に特別なことは何もありませんが、念のため含めておきます。
<iframe width="100%" scrolling="no" frameborder="none" src="https://kentuckyauctioneers.org/auction-embed/?embed_id=KY-F2AB892A745D484C920E4137A9C3238B&isembed"></iframe> <script src="https://auctionlook.com/apps/library/js/iframeResizer.min.js"></script> <script>iFrameResize({ enablePublicMethods: true, sizeHeight: true, checkOrigin: false });</script>
iframe 内に読み込まれるコンテンツの例とマップは、次の場所にあります: https://kentuckyauctioneers.org/auction/premium-listing/201504KY-14064/
マップは、スタンドアロン ページの IE では正常に読み込まれますが、iframe 内では読み込まれません。
提供されるガイダンスは大歓迎です。
さらに明確にするために、IE では表示されず、Chrome では正しく表示されるマップのスクリーンショットを含めました。
