从本地文件在Mapbox中加载带有杂食的csv

<div id="map"></div>

mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [longitude, latitude],
  zoom: 12
});

var fileInput = document.getElementById('file-input');
fileInput.addEventListener('change', function(e) {
  var file = e.target.files[0];
  var reader = new FileReader();
  reader.onload = function(e) {
    var csvData = e.target.result;
    // 处理CSV数据
    processData(csvData);
  };
  reader.readAsText(file);
});

function processData(csvData) {
  // 使用papaparse库解析CSV数据
  var jsonData = Papa.parse(csvData, { header: true }).data;
  // 处理JSON数据
  handleData(jsonData);
}

function handleData(jsonData) {
  jsonData.forEach(function(row) {
    var marker = new mapboxgl.Marker()
      .setLngLat([row.longitude, row.latitude])
      .addTo(map);
  });
}