从Javascript读取硬编码csv文件的最佳实践

我是JavaScript新手，正在制作一个在线地图可视化。我需要读取一个本地csv文件的地理坐标作为一个数组

例如，我有：

var data = [
  new google.maps.LatLng(40.3456455, -74.6558775),
  new google.maps.LatLng(40.3456456, -74.6558772),
  ];

我希望能够用CSV文件中的坐标来填充它

我查看了jQueryCSV，但它要求csv作为字符串传入，并且传递文件路径并让Javascript读取文件是不可能的。我应该将字符串硬编码，还是尝试用Python读入并以某种方式将字符串传递给Javascript？最好的管理方法是什么

---

谢谢

您可以使用Jquery get函数读取文件及其内容示例：

//the path to your csv file
var filePath ="pathToYourCSVFile";

$.get(filePath,function(data){


//do something with the data
//whatever you do with the data needs to been done inside this function


//example of what you could do

//array to hold the lines of your data file
//data string is split up by each new line
var lines = data.split("\n");

//you could then loop through each line and populate the values you need for each line



});

---

如果要读取本地文件，则需要使用。 在您获得CSV数据之后，我将解析它并将其转换为JSON。这是一个很好的例子，包括一个指向演示的链接

如果您不想使用HTML5文件API，可以将CSV文件上载到服务器，并在那里将CSV转换为JSON。请找到

我建议您创建这样的JSON，因为在客户端使用JavaScript很容易处理：

[
  {
    "latitude":40.3456455,
    "longitude":-74.6558775
  },
  {
    "latitude":40.3456456,
    "longitude":-74.6558772
  }
] 

---

如果您希望用户能够提供csv（而不是服务器），那么您需要查看文件API（如果您想要一个好的UX，还需要查看拖放API）。不，我希望服务器提供它。我该如何开始实现它呢？在这种情况下，你可能应该用Ajax来获取它，不过HTML5文件API要求用户上传文件。我不希望这样——我有这个文件，我希望程序在浏览器打开时自动加载它。如果可以从服务器加载CSV，那么您可以使用JavaScript/jQuery加载它，并像在我的第二个链接中那样处理它。实际上，david和Larry Lane都提出了类似的建议。你有进步吗？