Fix transparent sprites in IE11 (#45108)

* Fix transparent sprites in IE11

IE11 can not load data URIs via XHR. Instead, we create a new Image and assign the src to the data uri for the transparent image.

* eslint appeasement
This commit is contained in:
Nick Peihl 2019-09-09 10:20:51 -05:00 committed by Nathan Reese
parent 5887526723
commit f792287a3b

View file

@ -46,9 +46,6 @@ const TOOLTIP_TYPE = {
LOCKED: 'LOCKED'
};
// eslint-disable-next-line max-len,camelcase
const TRANSPARENT_1x1_BASE64_URI = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=';
export class MBMapContainer extends React.Component {
state = {
@ -396,10 +393,11 @@ export class MBMapContainer extends React.Component {
}
});
mbMap.on('load', () => {
mbMap.loadImage(TRANSPARENT_1x1_BASE64_URI, (error, data) => {
emptyImage = data;
resolve(mbMap);
});
emptyImage = new Image();
// eslint-disable-next-line max-len
emptyImage.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=';
emptyImage.crossOrigin = 'anonymous';
resolve(mbMap);
});
});
}