2014-12-12 2 views
1

저는 JavaScript를 사용하고 있으며 온라인지도 시각화를하고 있습니다. 지리적 좌표의 로컬 CSV 파일을 배열로 읽어야합니다.자바 스크립트에서 하드 코드 된 CSV 파일을 읽는 모범 사례

예를 들어, 내가 가진 :

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

그리고 나는 내 CSV 파일에있는 좌표로이를 채울 수 있어야합니다.

jquery-csv를 보았지만 csv가 문자열로 전달되어야하며 파일 경로를 전달하고 Javascript가 파일을 읽는 것이 불가능합니다. 하드 코딩 된 문자열을 가져야합니까, 아니면 파이썬으로 읽어 들이고 어떻게 든 문자열을 자바 스크립트로 전달해야합니까? 이것을 관리하는 가장 좋은 방법은 무엇입니까?

감사합니다.

+0

당신은 사용자가 (오히려 서버가 아닌)에 CSV를 제공 할 수있게하려면 :

나는이 클라이언트 측에서 자바 스크립트 처리가 용이하기 때문에 당신이이 같은 JSON을 만들 제안 당신은 파일 API (그리고 당신이 멋진 UX를 원한다면 드래그 앤 드롭 API)를 살펴볼 필요가있다. – david

+0

아니요, 서버가 그것을 제공하기를 원할 것이다. 어떻게 구현하겠습니까? – user2009020

+0

그런 경우에는 아약스로 그냥 잡아야합니다. – david

답변

1

당신은 jQuery를 얻을 기능 예제 파일과 그 내용을 읽을 수 있습니다

//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 



}); 
0

로컬 파일을 읽고 싶다면, 당신은 HTML5 File API를 사용해야합니다. CSV 데이터를 가지고 나면이를 구문 분석하고 JSON으로 변환합니다. Here은 데모 링크가 포함 된 좋은 예입니다.

HTML5 파일 API를 사용하지 않으려는 경우 CSV 파일을 서버에 업로드하고 CSV를 JSON으로 변환 할 수 있습니다. solution in PHP here을 찾으십시오. 다음

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

HTML5 파일 API를 사용하려면 사용자가 파일을 업로드해야합니다. 나는 그 파일을 가지고 있으며 브라우저가 열릴 때 프로그램이 자동으로로드되기를 원한다. – user2009020

+0

서버에서 CSV를로드해도 괜찮 으면 JavaScript/jQuery를 사용하여로드하고 [예제] (https://gist.github.com/iwek/7154578#file-csv- to-json-js)를 두 번째 링크에 추가합니다. –

+0

사실 데이비드와 래리 레인 모두 비슷한 것을 제안합니다. 좀 진전이 있니? –

관련 문제