通过API提取数据后出现Google Maps NaN错误

Question

Google Maps正确绘制了5个点，但是当我选择显示> 5个点时会打印出错误。

错误如下：

Uncaught (in promise) TypeError: Cannot read property 'NaN' of undefined
    at visualization_impl.js:2
    at _.Oe.forEach (js?key=MY_API_KEY&callback=initMap&libraries=visualization:191)
    at aha (visualization_impl.js:2)
    at R$ (visualization_impl.js:9)
    at U$.<anonymous> (visualization_impl.js:8)
    at xe.j (js?key=MY_API_KEY&callback=initMap&libraries=visualization:189)
    at Object._.N.trigger (js?key=MY_API_KEY&callback=initMap&libraries=visualization:186)
    at Be (js?key=MY_API_KEY&callback=initMap&libraries=visualization:77)
    at U$._.O.bindTo (js?key=MY_API_KEY&callback=initMap&libraries=visualization:190)
    at d (visualization_impl.js:13)

结果是该地图显示在网页上，但没有任何点。 点是指使用热图来播放通过API GET请求获取的LAT / LON坐标。

代码如下：

function initMap() {
    $.ajax({
        url: "https://data.cityofnewyork.us/resource/qgea-i56i.json",
        type: "GET",
        data: {
            "$limit": 20,
            "$$app_token": "MYTOKENWASHERE"
        }
    }).done(function (data) {
        debugger
        const heatmapData = [];
        data.forEach((datum) => {
            debugger
            // if(datum.law_cat_cd === filter) { 
            heatmapData.push(new google.maps.LatLng(datum.latitude, datum.longitude));
            // }
        })

        const mapProp = {
            center: new google.maps.LatLng(40.7481, -73.9848),
            zoom: 11,
            panControl: false,
            streetViewControl: false,

        };
        const map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
        const heatmap = new google.maps.visualization.HeatmapLayer({
            data: heatmapData,
            map: map
        });
        heatmap.setMap(map);
    })
}

我正在.done（本质上是.then）内处理请求的结果，因此我真的感到迷lost，并且不知道为什么会发生这种情况。 我在Google Maps文档中查找了可视化文件，但从我的角度来看这是浪费时间。

我的猜测是该代码在异步方面存在问题，但我认为将Map代码放在.done中将允许在运行其余代码之前进行获取...。

任何提示，线索或评论，我们将不胜感激。