页面可在Edge，Chrome和Firefox中运行，但不能在IE11中运行

Question

我有一个页面显然可以在Firefox，Chrome，Edge中很好地工作，但是在某些目标用户要求的IE11中却不能：

https://www.sva.se/Maps/kattsalmonella/map.html

在第323行出现错误“对象不支持此属性或方法”，我已经阅读了这篇文章：

Getting error in IE11 for javascript array

，并怀疑正在发生类似的事情，但无法确定问题所在。

建议从此代码中删除fill()：

function getZoomData(){
    zoomTest= new Array(zoomKod.length).fill(0), zoomPos = new Array(zoomKod.length).fill(0), zoomNeg = new Array(zoomKod.length).fill(0);

    for(i in data2.features)
    {
        var dateparts = data2.features[i].properties["date"].split('-');
        var sampledate = new Date(dateparts[0], dateparts[1]-1);

        if(sampledate.getTime() >= minRange && sampledate.getTime() <= maxRange ){
            for(k in zoomKod){
                if(zoomKod[k] == data2.features[i].properties["NUTS_ID"]){
                    zoomTest[k] += data2.features[i].properties["samples"];
                    zoomPos[k] +=data2.features[i].properties["pos"];
                    zoomNeg[k] +=data2.features[i].properties["neg"];
                    break;
                }
            }
        }
    }
}

Answer 1

解决方案就是这个答案：

Object doesn't support property or method 'fill'

和@dmitry的评论。

我加载了polyfill.js代码，现在它可以在IE11中正常工作。