I've tried from ie7 to ie10. Every version recreates the
I think the problem is IE's handling of img-tags with an undefined
src. When you have an overlay without background in tilemill it
doesn't export the blank tiles. Therefore the tilestream server
can't serve the tiles to Mapbox.js when asked for, creating the
problem with missing src to img-tags.
What about making a standard blank image used as source, when there
is no tile?
5 Posted by Vasanth Subramanian on 21 Feb, 2013 04:00 PM
Just to add to this, I'm experiencing exactly the same problem
and cannot find a resolution to it. Have tried various hacks, such
as using jQuery selectors when the map is drawn to try and find any
without a src and remove it. Nothing seems to work, and it
really detracts from the maps when using IE.
I have been having the same issue. What seems to be issue is the
mapbox.js generating the DOM with src='null' which IE is routing to
'webdirectory/null' and getting dead image.
DOM that is created for non-data tiles:
img class="map-tile-loaded" id="5,13,5" style="width: 256px;
height: 256px; position: absolute; -ms-transform: translate(494px,
481px) scale(1); -ms-transform-origin-x: 0px;
-ms-transform-origin-y: 0px;" src="null"/
What IE is pointing to according to IE Dev Tools Image
This is being returned as dead image to the IE browser.
('ie-testing' is base directory I am using for testing on IE)
Haven't been able to fix it reliably with a jQuery or CSS hack -
havent been able to have timing of going through img DOM and
removing null elements co-inside with the tiles being generated.
Not sure if there is an area where I could stick it in a callback
function. Regardless, going through all image elements isn't the
most efficient way.
A bit of a hacky fix that seems to work is in the main directory
that the maps html is located create a subdirectory called null. In
that subdirectory create an .htaccess file that points the
directory index to a transparent .png file:
e.g. "DirectoryIndex Transparent.png"
Upload a transparent png to that directory. IE will now load the
transparent PNG from the null directory that it looks for when the
mapbox.js element points to 'null'.