Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript中使用csv文件中坐标的GoogleMaps API_Javascript_Google Maps_Csv_Google Maps Api 3 - Fatal编程技术网

在javascript中使用csv文件中坐标的GoogleMaps API

在javascript中使用csv文件中坐标的GoogleMaps API,javascript,google-maps,csv,google-maps-api-3,Javascript,Google Maps,Csv,Google Maps Api 3,老实说,我对JavaScript不是很熟悉。但现在我真的需要用它来映射存储在csv文件中的一组坐标,所以我需要JavaScript和GoogleMaps API 我的csv中的数据如下所示 latitude1, longitude1, latitude2, longitude2, latitude3, longitude3, so on. latitude1, longitude1, latitude2, longitude2, latitude3, longitude3, so on. lat

老实说,我对JavaScript不是很熟悉。但现在我真的需要用它来映射存储在csv文件中的一组坐标,所以我需要JavaScript和GoogleMaps API

我的csv中的数据如下所示

latitude1, longitude1, latitude2, longitude2, latitude3, longitude3, so on.
latitude1, longitude1, latitude2, longitude2, latitude3, longitude3, so on.
latitude1, longitude1, latitude2, longitude2, latitude3, longitude3, so on.
.......... so on.
其中每条线代表一条路线,纬度x和经度x代表一个位置。我希望你明白我的意思

我混合了从w3school、google官方网站、stackoverflow和许多其他网站获得的代码,然后修改了它。到目前为止,我得到了以下信息


变量坐标=[];
document.getElementById('file')。onload=function(){
var file=this.files[0];
var reader=new FileReader();
reader.onchange=函数(progressEvent){
//整个文件
//console.log(this.result);
var lines=this.result.split('\n');
对于(var line=0;line对于(var dua=0;dua,使用来自答案的文件读取器代码

  • 在搜索DOM元素之前,需要等待DOM呈现(在initialize函数中使用document.getElementById移动任何内容)
  • 处理文件内容的代码有问题,因为一个
    坐标[count]=new google.maps.LatLng(纬度+,“+经度);
    无效,google.maps.LatLng将两个数字作为参数,而不是逗号分隔的字符串
  • 代码片段:

    var映射;
    函数getCoor(){
    返回坐标;
    }
    函数句柄_文件(文件){
    对于(i=0;i
    html,
    身体,
    #谷歌地图{
    身高:100%;
    宽度:100%;
    边际:0px;
    填充:0px
    }