2017-12-15 42 views
-1

私は私たちのソフトウェアの建設計画をレンダリングするリーフレットで働いています。計画はjpgタイルです。leaflet.js IE11:タイルimgsは表示されませんが、DOM内にまだあります

IE11、firefox、chrome、safariのブラウザでは約9か月間働いています。しかし、昨日から私はIE11でタイルを見ることができませんが、それはタイルをロードし、タイルもDOMにあります。私はおそらくCSSの問題だと思ったが、私はそれを修正することはできません。

誰かがこの問題の可能性があることを知っていますか?

  • リーフレット版:1.2.0
  • leaflet.markercluster:1.2.0

それが反応16

Map view in IE11

Map view in chrome

+0

はどのようにタイルがDOMである知っている、またはそれらがロードされていますか?彼らがDOMにいる場合は、あなたのdev-toolsインスペクタを使って、なぜそれらが見えないのかを理解してください(例えば、親には 'display:none'や' visibility:hidden'があります)。 – Adam

+1

タイルは、ネットワークタブを見てロードされます。また、画像のURLを新しいブラウザタブにコピーして貼り付け、スタンドアロンで正しく読み込むかどうかを確認します。 – IvanSanchez

答えて

0

と反応するアプリケーションでありますご協力ありがとうございました。

ネットワーク接続を確認し、タイルリンクを新しいタブに貼り付けてみました。すべてが機能しました。 次に、visibility: hidden css属性がアクティブであることがわかりました。私はそれを目に見えるように設定しましたが、その中にxの小さなアイコンしかないので、イメージが読み込まれませんでした。

次に、前回変更した内容を分析したところ、セキュリティ上の理由からタイルのURLが変更されていることがわかりました。

次に、古いイメージレスポンスと新しいイメージレスポンスを比較し、レスポンスにContent Typeセットが存在しないことを確認しました。

これは問題でした。 IE11で

Leaflettiles(この例では、それはimage/jpegです)画像の応答に適切なコンテンツタイプを必要とする

関連する問題