Pins and borders not shown on corporate machines?

  • Resolved chefsessel

    (@chefsessel)


    8 years, 4 months ago

    This a very likely to be no Leaflet Map problem and only connected with it, yet I hope for an insight from an expert like you, bozdoz.

    As I stated before, we use Leaflet Map for displaying the local projects of our non-profit foundation. Yesterday I got feedback from a friend stating that while the map displays fine on their corporate machines running Internet Explorer 11, the pins and borders are not displaying at all. It’s like they’re filtered out. The pure map, however, displays fine.

    When opening the map on my computer or any other normal non-corporate computer running IE11 it displays fine, so it’s definitely not a problem with the functionality. I didn’t believe his words at first, so I went over and checked it out and saw it with my own eyes.

    I figure it has something to do with the security settings of their browsers. Could the way that Leaflet Map loads and applies the pins and borders possibly trigger that? Anything that comes to your mind? Got any feedback in that regard yet?

    (it’s local companies that support our non-profit a lot. We’d love to have them look at the map and see what good we do for the community)

    https://www.ads-software.com/plugins/leaflet-map/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author bozdoz

    (@bozdoz)

    I can take a look at this. However, it should be noted that Internet Explorer is by far one of the worst modern web browsers. It is very surprising that IE11 would have issue with the code. It’s possible that there’s some incompatible JavaScript that I was unaware of. Otherwise, the markers are just images, and the geojson shapes should be SVG (which is SUPPOSED to be supported by IE11).

    See https://caniuse.com/#feat=svg. It claims that IE11 can render SVG. I have not personally seen this (but will check on this later). Also, LeafletJS should account for differences in CSS (transformations necessary to position the images and SVGs in the correct spot.

    Could you share your site URL so I can take a look?

    Thread Starter chefsessel

    (@chefsessel)

    Thanks for taking the time and answering bozdoz, appreciated!

    Unfortunately our site is not live yet, so I can’t share a link. I just had my friend take a look at it. He says the console log throws an error on line 32:

    xhr.responseType = ‘json’;
    >> InvalidStateError

    in the leaflet-ajax-geojson.js.

    However, it seems to work fine on corporate machines using a recent firefox. It seems to be IE specific. (did anyone truly believe this got better?)

    This seems to be a known issue?

    https://connect.microsoft.com/IE/feedback/details/795580/ie11-xmlhttprequest-incorrectly-throws-invalidstateerror-when-setting-responsetype

    Any way to solve this using a workaround?

    Plugin Author bozdoz

    (@bozdoz)

    Thanks for getting back to me on this. I’ve pushed a new version just to test out this issue. I’ve removed the problem line, and tried to fix it like this: https://stackoverflow.com/questions/9845401/xmlhttprequest-responsetype-json-giving-error-syntax-err-dom-exception-12

    Let me know if that works!

    Thread Starter chefsessel

    (@chefsessel)

    It works, my friend just called me. Everything shows up correctly now. Thanks for this quick fix, appreciated! You’re doing an amazing job here!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Pins and borders not shown on corporate machines?’ is closed to new replies.