使用arcgis api js 中的CSVLayer加载csv文件显示到地图上

本文链接：https://blog.csdn.net/qq_26328861/article/details/135858303

csv文件需要包含经纬度坐标

在使用其他文件转csv文件时，要选择对应的经纬度信息，需要导出时在图层项上填写GEOMETRY=AS_XY
在这里插入图片描述

流程

利用input标签选择文件

<input type="file" ref="fileBox" id="shpfile" @input="upload" />

通过FileReader将csv格式数据转换成ArrayBuffer格式
通过Blob将arrayBuffer转成blob格式，URL.createObjectUrl(blob)将blob转成url
通过new CSVLayer()创建csv图层

upload(event) {
      const files = this.$refs.fileBox.files[0];
      const type = files.name.slice(files.name.lastIndexOf(".") + 1);
      if (type === "csv") {
        let reader = new FileReader();
        reader.readAsArrayBuffer(files);
        reader.onload = (evt) => {
          let fileData = evt.target.result;
          let blob = new Blob([fileData], {
            type: "plain/text",
          });
          let url = URL.createObjectURL(blob);
          const layer = new CSVLayer({
            url: url,
          });
          layer.when(
            (success) => {
                console.log('加载图层成功')
            },
            (error) => {
              console.log("error", error);
            }
          );
          this.map.add(layer);
        };
      }
    },