Javascript 无法通过Omnivore加载CSV数据

我试图加载一个CSV文件，将其转换为GeoJSON，添加一个空的GeoJSON层，然后向该GeoJSON层添加数据。为什么它不起作用

var locations = 'locations.csv';

var x = omnivore.csv(locations);

var geojsonLayer = L.geoJson().addTo(map);
geojsonLayer.addData(x);

返回使用加载的数据而不是基础GeoJSON对象构建的层

试一试

或者构建图层并将其传递给

omnivore.csv

：

var geojsonLayer = L.geoJson().addTo(map);
omnivore.csv('locations.csv', null, geojsonLayer);

或在填充图层之前，丢弃杂食动物并用于加载数据：

var geojsonLayer = L.geoJson().addTo(map);
xhr = new XMLHttpRequest();
xhr.onload = function() {
    csv2geojson.csv2geojson(this.responseText, {}, function(err, data) {
        geojsonLayer.addData(data);
    });
};
xhr.open('GET', 'locations.csv', true);
xhr.send(null);

---

这很有效。但我想创建一个空的GeoJson层，然后将我的csv数据添加到其中。我该怎么做？我使用omnivore将我的数据转换为GeoJson。然后不要使用omnivore，使用它的CSV模块，或者将自定义层传递到

omnivore.CSV

我为这两种解决方案都添加了一个示例。

var geojsonLayer = L.geoJson().addTo(map);
xhr = new XMLHttpRequest();
xhr.onload = function() {
    csv2geojson.csv2geojson(this.responseText, {}, function(err, data) {
        geojsonLayer.addData(data);
    });
};
xhr.open('GET', 'locations.csv', true);
xhr.send(null);