javascript - APIを使用して、リーフレットマップに使用するglobe.glにデータを追加します

Question

私は初心者で、JavaScript を学びたいと思っています。API データ付きのリーフレットで、covid の世界地図を作成しました。同じデータをglobe.glに適用したいと思います。

リーフレット マップに使用するのと同じ statesData を 3D グローブに適用する方法を教えてください。

この統計データを使用し、一部の国名を API データと一致するように編集します。https://datahub.io/core/geo-countries

これは、globe.gl などのコードのデータ プル部分です。

const getVal = feat => feat.properties.GDP_MD_EST / Math.max(1e5, feat.properties.POP_EST);

fetch('https://raw.githubusercontent.com/vasturiano/globe.gl/master/example/datasets/ne_110m_admin_0_countries.geojson').then(res => res.json()).then(countries =>
{
  const maxVal = Math.max(...countries.features.map(getVal));
  colorScale.domain([0, maxVal]);

これはリーフレットマップのコードです。このデータを上記のglobe.glに使用したいと思います。

var geojson = L.geoJson(statesData).addTo(map);

let covid;

//  GET THE COVID DATA
function setup(){
    loadJSON("https://disease.sh/v3/covid-19/countries",gotData);
}

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

function gotData(data) {
  var covid = data;
    // add covid cases to states data
    for (let j = 0; j < data.length; j++) {
        for (let i = 0; i < statesData.features.length; i++) {
            if (statesData.features[i].properties.ADMIN === covid[j].country || statesData.features[i].properties.ISO_A3 === covid[j].country) {
               statesData.features[i].properties.cases = covid[j].cases;
                    break;
            }
        }
    }

    geo.addData(statesData);
    // geojson.addData(statesData);
};

手伝ってくれてどうもありがとう。