如何读取csv坐标并使用javascript绘制它们?

时间:2018-07-02 20:38:41

标签: javascript csv coordinates openstreetmap

我在使用javascript读取csv文件时遇到问题。这是一个多行csv,其中包含有关坐标的列(列表中的纬度和经度以这种方式:[纬度,经度]和位置名称。(以;分隔的列))如何读取csv文件并为其中的每个位置添加标记javascript中使用坐标的地图? 我无法打开文件(2列189行),也无法添加标记。 我在这里和其他站点中都找到了代码,但是我仍然不明白如何阅读csv并正确使用信息。

bike = d3.csv('bike_coordinate.csv')
var customIcon = L.icon({
  iconUrl: '',
  iconSize: [38, 40], // size of the icon
  iconAnchor: [10, 40], // point of the icon which will correspond to marker's location
  popupAnchor: [5, -40] // point from which the popup should open relative to the iconAnchor
});
var tmp_marker = L.marker(bike.coordinates(), {
  icon: customIcon
});
marker_array.push(tmp_marker);
tmp_marker.addTo(mymap).bindPopup(bike.Indirizzo());

1 个答案:

答案 0 :(得分:1)

尝试使用csvtojson:https://www.npmjs.com/package/csvtojson

csvtojson模块是一个全面的nodejs csv解析器,用于将csv转换为json或列数组。可以用作node.js库/命令行工具/或在浏览器中使用。

它将获取您的csv文件并输出一个json数组,您可以将其加载到地图中。