页面在 Edge、Chrome 和 Firefox 中工作,但在 IE11 中不工作

Page working in Edge, Chrome and Firefox but not IE11

我有一个页面显然在 Firefox、Chrome、Edge 中运行良好,但在某些目标用户需要的 IE11 中却不行:

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

我在第 323 行收到错误 "Object does not support this property or method",我已阅读此 post:

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;
                }
            }
        }
    }
}

解决方案在这个答案中:

和@dmitry 的评论。

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