176.在vue3中使用OpenLayers实现上传 CSV 文件并导出为 GeoJSON
实现效果
一、示例 CSV(我用的文件内容)
把下面内容保存为 sample.csv
(注意:列是 name
, type
, coord
,coord 为 JSON 数组):
name type coord
Chengdu Point Point [104.0668,30.5728]
Chengdu Line LineString [[104.06,30.57],[104.07,30.58],[104.08,30.57]]
Chengdu Polygon Polygon [[[104.06,30.56],[104.08,30.56],[104.08,30.58],[104.06,30.58],[104.06,30.56]]]
提示:如果你使用 Excel 编辑并导出 CSV,确保
coord
列的内容以文本形式保存(否则 Excel 可能把中括号处理掉)。Papa.parse
会自动检测分隔符(逗号/制表符等)。
二、所需依赖
在项目目录执行(示例):