使用HTML5は、リーダーをファイルし、私はこのチュートリアル以下のリーフレットJavaScriptを使用していリーフレット雑食

Question

に送信：私は私の仕事のためのツールを構築しています

https://www.html5rocks.com/en/tutorials/file/dndfiles/

。緯度/経度情報を含むCSVファイルをアップロードして、リーフレット・オムニボアを介して地図上にプロットすることができます。

私はhtml5の例を動作させることができました。しかし、いつデータを読み込むのですか？リーフレット雑食動物はこのようにアップロードされたファイルへのローカルパスを必要とします。

  var testCSV = omnivore.csv('path/to/file.csv').addTo(map).on('error', function(error) { 
           console.log(error); 
          }); 

私の知る限りでは、それはセキュリティ上の理由から取得することはできません。

ファイルパスを取得する方法はありますか？それとも、私はこれについて完全に間違っているのですか？あなたが（例えばomnivore.csvを使用して）AJAX呼び出しを介してリモートであなたのファイルを取得する必要はありませんケースについては

Answer 1

が、あなたはすでに文字列としてCSVコンテンツを持っている、あなたは直接omnivore.csv.parse機能を使用することができます。

var layer = omnivore.csv.parse(csvStringContent).addTo(map); 
// Executed synchronously, so no need to use the .on('ready') listener. 
map.fitBounds(layer.getBounds()); 

デモ：https://jsfiddle.net/3v7hd2vx/358/