marker icons do not show up with IE8 WordPress
- SOLVED
a customer of mine uses my mapping plugin www.mapsmarker.com to display a route together with several custom points of interest - see demo at http://www.heartofwessex.org.uk/wp-content/plugins/leaflet-maps-marker-pro/leaflet-fullscreen.php?layer=1
In constrast to modern browser (please check with latest firefox or chrome), the markers - in contrast to the gpx route - do not show up with IE8 and I do not have a clue why :-/
Any help/hint is appreciated!
Answers (3)
Bob answers:
The issue is IE8 is not creating img tag for marker at all.
which version of leaflet you are using?
Bob comments:
Please try by adding "iconurl" parameter.
There is also one error on page
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C; .NET4.0E)
Timestamp: Mon, 22 Dec 2014 20:21:45 UTC
Message: Expected identifier, string or number
Line: 143
Char: 6
Code: 0
URI: http://www.heartofwessex.org.uk/wp-content/plugins/leaflet-maps-marker-pro/leaflet-fullscreen.php?layer=1
Please remove extra comma after "polyline_options" parameters
polyline_options: {
color: "#0000FF",
weight: 5,
opacity: 0.5,
smoothFactor: 1,
clickable: false,
noClip: false
},
Robert Seyfriedsberger comments:
using leaflet v0.7.3 - regarding extra comma: will try that thx
Bob comments:
The trouble is with ajax request with IE8.
Bob comments:
This condition become false if (xhReq.readyState === 4) . xhReq.readyState returns "undefined".
That's why your marker related code is never executed.
Robert Seyfriedsberger comments:
thanks - that was the issue.
I replaced .onload with .onreadystatechange and now it also works with IE8! :-)
Romel Apuya answers:
I think its because the marker is a PNG..
Robert Seyfriedsberger comments:
thanks for your reply, but unfortunately this is not the reason for this issue, as maps with icons and without gpx tracks are being shown correctly
Arnav Joy answers:
Please check this link
http://www.twinhelix.com/css/iepngfix/demo/
Robert Seyfriedsberger comments:
thanks - will have a look