2017-12-15 5 views
-1

Ich arbeite mit Flugblatt, um Baupläne für unsere Software zu machen. Die Pläne sind Jpg-Kacheln.flatlet.js IE11: Tile-Imgs sind nicht sichtbar, aber sie sind immer noch im DOM

Es funktionierte seit etwa 9 Monaten in den Browsern IE11, Firefox, Chrome, Safari. Aber seit gestern kann ich die Kacheln in IE11 nicht sehen, aber es lädt die Kacheln und die Kacheln sind auch im DOM. Ich dachte, es ist vielleicht ein CSS-Problem, aber ich kann es nicht beheben.

Weiß jemand, welche Probleme das sein könnte?

  • Faltblatt Version: 1.2.0
  • leaflet.markercluster: 1.2.0

Es ist eine Anwendung mit 16 reagieren reagieren wird

Map view in IE11

Map view in chrome

+0

Wie wissen Sie, die Fliesen im DOM sind, oder dass sie geladen werden? Wenn sie im DOM sind, erkunde mit deinem dev-tools Inspektor, warum sie nicht sichtbar sind (haben einige Eltern ein 'display: none' oder' visibility: hidden', zum Beispiel?) – Adam

+1

Überprüfe das Kacheln werden geladen, indem auf die Registerkarte "Netzwerk" geschaut wird. Kopieren Sie außerdem die URL der Bilder in neue Browserregisterkarten, und prüfen Sie, ob sie ordnungsgemäß eigenständig geladen werden. – IvanSanchez

Antwort

0

Danke für Ihre Hilfe.

Ich überprüft die Netzwerkverbindungen und fügen Sie die Kachel-Links in einem neuen Tab, alles hat funktioniert. Dann habe ich festgestellt, dass ein visibility: hidden CSS-Attribut aktiv war. Ich stellte es auf sichtbar, aber dann gab es nur kleine Symbole mit einem x darin, so dass das Bild nicht geladen wurde.

Als nächstes haben wir analysiert, was wir in der letzten Zeit geändert haben und wir haben herausgefunden, dass wir die URL der Kacheln aus Sicherheitsgründen geändert haben.

Und dann verglichen wir die alten und die neuen Bildantworten und fanden heraus, dass in der Antwort kein Inhaltstyp festgelegt war.

Also das war das Problem.

Leaflettiles in IE11 müssen den richtigen Content-Type in der Antwort des Bildes (in unserem Beispiel ist image/jpeg)

Verwandte Themen