{"action":"created","issue":{"url":"https://api.github.com/repos/mapbox/mapbox-gl-js/issues/7270","repository_url":"https://api.github.com/repos/mapbox/mapbox-gl-js","labels_url":"https://api.github.com/repos/mapbox/mapbox-gl-js/issues/7270/labels{/name}","comments_url":"https://api.github.com/repos/mapbox/mapbox-gl-js/issues/7270/comments","events_url":"https://api.github.com/repos/mapbox/mapbox-gl-js/issues/7270/events","html_url":"https://github.com/mapbox/mapbox-gl-js/issues/7270","id":359480910,"node_id":"MDU6SXNzdWUzNTk0ODA5MTA=","number":7270,"title":"Cannot render base64 image in IE 11","user":{"login":"bart-1990","id":7540719,"node_id":"MDQ6VXNlcjc1NDA3MTk=","avatar_url":"https://avatars2.githubusercontent.com/u/7540719?v=4","gravatar_id":"","url":"https://api.github.com/users/bart-1990","html_url":"https://github.com/bart-1990","followers_url":"https://api.github.com/users/bart-1990/followers","following_url":"https://api.github.com/users/bart-1990/following{/other_user}","gists_url":"https://api.github.com/users/bart-1990/gists{/gist_id}","starred_url":"https://api.github.com/users/bart-1990/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bart-1990/subscriptions","organizations_url":"https://api.github.com/users/bart-1990/orgs","repos_url":"https://api.github.com/users/bart-1990/repos","events_url":"https://api.github.com/users/bart-1990/events{/privacy}","received_events_url":"https://api.github.com/users/bart-1990/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-09-12T13:29:21Z","updated_at":"2018-10-28T15:16:57Z","closed_at":"2018-09-14T15:12:05Z","author_association":"NONE","body":"**mapbox-gl-js version**: 0.48.0\r\n\r\n**browser**: Internet Explorer 11\r\n\r\nWhen I try to add a base64 image to the map it doesn't get rendered in Internet Explorer. In other browsers the image does show up. It's important that we can do this in all browsers as the images in our project are converted to base64 strings by webpack.\r\n\r\n### Steps to Trigger Behavior\r\n\r\n 1. Get a base64 string that represents a .png image.\r\n 2. Load the base64 string in the map using the loadImage function (https://www.mapbox.com/mapbox-gl-js/api/#map#loadimage).\r\n 3. Add the image to the map using the addImage function (https://www.mapbox.com/mapbox-gl-js/api/#map#addimage).\r\n4. Use the image in a layer and add that layer to the map.\r\n\r\n### Link to Demonstration\r\n\r\nhttps://plnkr.co/edit/GHsMhNGf6UDBBKIpy3DN?p=preview\r\n\r\n### Expected Behavior\r\nThe image should be rendered on the map.\r\n\r\n### Actual Behavior\r\nThe image doesn't get rendered on the map."},"comment":{"url":"https://api.github.com/repos/mapbox/mapbox-gl-js/issues/comments/433714516","html_url":"https://github.com/mapbox/mapbox-gl-js/issues/7270#issuecomment-433714516","issue_url":"https://api.github.com/repos/mapbox/mapbox-gl-js/issues/7270","id":433714516,"node_id":"MDEyOklzc3VlQ29tbWVudDQzMzcxNDUxNg==","user":{"login":"mapcarta","id":43178983,"node_id":"MDQ6VXNlcjQzMTc4OTgz","avatar_url":"https://avatars2.githubusercontent.com/u/43178983?v=4","gravatar_id":"","url":"https://api.github.com/users/mapcarta","html_url":"https://github.com/mapcarta","followers_url":"https://api.github.com/users/mapcarta/followers","following_url":"https://api.github.com/users/mapcarta/following{/other_user}","gists_url":"https://api.github.com/users/mapcarta/gists{/gist_id}","starred_url":"https://api.github.com/users/mapcarta/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mapcarta/subscriptions","organizations_url":"https://api.github.com/users/mapcarta/orgs","repos_url":"https://api.github.com/users/mapcarta/repos","events_url":"https://api.github.com/users/mapcarta/events{/privacy}","received_events_url":"https://api.github.com/users/mapcarta/received_events","type":"User","site_admin":false},"created_at":"2018-10-28T15:16:57Z","updated_at":"2018-10-28T15:16:57Z","author_association":"NONE","body":"I'm curious why this ticket has been closed, as far as I know this bug still exists. Currently about 8% of our Mapbox GL JS loads use Internet Explorer. Would it make sense to update Mapbox GL JS with a bug fix such as follows?\r\n\r\nimage = document.createElement('img');\r\nimage.src = url;\r\nimage.onload = callback;\r\n\r\nNote base64 images start with something like 'data:image/png;base64,'. I haven't checked if this bug applies to other image formats besides PNG."}}
{"actor":{"display_login":"mapcarta"}}