Javascript 在Choropleth中自定义信息控件和悬停功能传单地图

我使用传单库制作了一张带有API数据的地图，并尝试在传单教程之后添加交互式功能

我可以在顶部右侧显示信息区域，但事件列表器不工作。你能告诉我这些代码有什么问题吗

var-map=L.map（'map'）.setView（[40,0]，2）；
L.tileLayer（'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}？访问令牌=pk.eyj1ijoibwwwwym94iiwiysi6imnpejy4nxvycta2emycxbndhrqcmz3n3gifq.rjcfig214ariislb6b5aw'{
maxZoom:18，
属性：“映射数据©；贡献者”+
', ' +
“图像”，
id:'mapbox/light-v9'，
tileSize:512，
Zoomofset:-1
//图层：[geo，geojson]
}).addTo（地图）；
//获取新冠病毒数据
var geojson=L.geojson（statesData）.addTo（map）；
让新冠病毒；
//获取新冠病毒数据
函数设置（）{
loadJSON（“https://disease.sh/v3/covid-19/countries“，gotData）；
}
让geo=L.geoJson（statesData，{style:style}）.addTo（map）；
函数gotData（数据）{
var covid=数据；
//将新冠病毒病例添加到州数据
对于（设j=0；j'+props.cases+'cases'
：“悬停在状态上”）；
};
信息地址（地图）；
函数getColor（d）{
返回d>10000000？“#800026”：
d>5000000？“#BD0026”：
d>1000000？“#E31A1C”：
d>70000？“#FC4E2A”：
d>50000？“#FD8D3C”：
d>30000？“#2月24日c”：
d>10000？“#1976年2月”：
#FFEDA0"；
}
//创建用于设置样式和应用“获取颜色”的函数
功能样式（特征）{
返回{
//应用获取颜色
fillColor:getColor（feature.properties.cases），
体重：2，
不透明度：1，
颜色：'白色'，
dashArray:'1'，
填充不透明度：0.7
}
}
for（设i=0；i”）；
返回div；
};
图例。添加到（地图）您应该在此部分中添加onEachFeature事件侦听器，以便能够在悬停时显示每个国家的名称和案例：

 let geo = L.geoJson(statesData, {
        style: style,        
        onEachFeature: onEachFeature
}).addTo(map);

您有两个GeoJSON组
geo
和
GeoJSON
。您是否尝试将数据添加到
geojson
？替换
geo.addData（statesData）带有
geojson.addData（statesData）非常感谢你，福克设计公司！它起作用了！