MapBox无法处理大量数据| Javascript

我尝试使用papa parse解析一个10Mb的CSV文件，该文件包含关于经度和纬度的数据

我使用step函数在MapBox上绘制这些点

fileInput = async e => {
        const file = e.target.files[0];
            Papa.parse(file, 
                {
                    download: true,
                    worker: true,
                    header: true,
                    step: function (row) {
                        let from_lat = parseFloat(row.data.from_lat);
                        let from_long = parseFloat(row.data.from_long);
                        let to_lat = parseFloat(row.data.to_lat);
                        let to_long = parseFloat(row.data.to_long);
                        if ( (!(Number.isNaN(from_lat))) && (!(Number.isNaN(from_long)))  ) {
                        new mapboxgl.Marker()
                        .setLngLat([from_lat,from_long])
                        .addTo(map);
                        }
                        if ( (!(Number.isNaN(to_lat))) && (!(Number.isNaN(to_long)))  ) {
                        new mapboxgl.Marker()
                        .setLngLat([to_lat,to_long])
                        .addTo(map);
                        }
                    },
                });
    }

---

如果我减少CSV中数据的大小，MapBox可以正常工作，但当我使用10Mb CSV时，MapBox上没有绘制点，浏览器（Chrome）崩溃。

您希望将其转换为geojson，可以添加为符号层，然后将其样式设置为标记。好的，非常感谢，这对我有帮助。