我正在使用 Leaflet JavaScript 并遵循本教程:
https://www.html5rocks.com/en/tutorials/file/dndfiles/ https://www.html5rocks.com/en/tutorials/file/dndfiles/
我正在为我的工作构建一个工具。它允许用户上传包含纬度/经度信息的 CSV 文件,并通过 Leaflet Omnivore 将其绘制在地图上。
我能够让 html5 示例正常工作。但是,我什么时候处理它读入的数据呢? Leaflet Omnivore 需要上传文件的本地路径,如下所示:
var testCSV = omnivore.csv('path/to/file.csv').addTo(map).on('error', function(error) {
console.log(error);
});
据我所知,出于安全原因这是不可能的。
还有其他方法可以获取文件路径吗?还是我的做法完全错误?
对于您不需要通过 AJAX 调用远程检索文件的情况(例如使用omnivore.csv
),但是您已经将 CSV 内容作为字符串,您可以直接使用omnivore.csv.parse https://github.com/mapbox/leaflet-omnivore#api功能:
var layer = omnivore.csv.parse(csvStringContent).addTo(map);
// Executed synchronously, so no need to use the .on('ready') listener.
map.fitBounds(layer.getBounds());
Demo: https://jsfiddle.net/3v7hd2vx/358/ https://jsfiddle.net/3v7hd2vx/358/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)