✔ Firefox OS json Datei auslesen.

[strukturart]

Hallo,

ich erstellen für das FirefoxOS(KaiOs) ein OpenStreetMap-App, bei auslesen einer json Datei komme ich nicht weiter.

damit lese ich die Datei aus:

var finder = new Applait.Finder({ type: "sdcard", debugMode: true });
finder.search("montoz.json");
finder.on("fileFound", function (file, fileinfo, storageName) {

obj = JSON.parse(file);
});


L.geoJSON(obj).addTo(map);

console.log(file)
Wird korrekt ausgeben, also wird die Datei erreicht.

Aber es stimmt was nicht beim parsen der montoz.json Datei
dort erhalte ich den Fehler:

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

Meine json fängt so an:

  {
    "type": "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "properties": {
                "name": "Radtour am Morgen",
                "time": "2018-03-18T10:57:33Z",
                "coordTimes": [
                    "2018-03-18T10:57:33Z",
                    "2018-03-18T10:57:34Z",
                    "2018-03-18T10:57:35Z",
                    "2018-03-18T10:57:36Z",
                    "2018-03-18T10:57:37Z",

Was mach ich denn falsch ?

 

[Jan-Frederik Stieler]

Hi,
validiere doch erstmal Deine JSON hier: https://jsonformatter.curiousconcept.com/
Eventuell ist da wirklich ein Fehler vorhanden.

Grüße

 

[strukturart]

das json ist valid.
Ich glaube der Fehler liegt beim Dateizugriff, dazu verwende ich: https://github.com/applait/finderjs
beim

obj = JSON.parse(file);

werde die Information die file beinhalte wie z.B.: Grösse des Files, Datum des Files durchlaufen und nicht wie ich dachte die des montoz.json files.

Hmh wie könnte das denn funktionierten ?

 

[Sempervivum]

Bei Github steht:

file - the File object of the result matched.

d. h. nicht der Inhalt der Datei sondern ein File-Objekt.
Suche, wie man auf den Inhalt zugreift, liefert z. B. dieses:
https://stackoverflow.com/questions/5201317/read-the-contents-of-a-file-object

 

[strukturart]

So nun habe ich probiert und getestet leider ohne Erfolg.
Das json File wird ausgelesen und korrekt in das File Objekt geladen.

Jedoch beim darstellen des Pfades erhalte ich immer den Fehler. invalid GeoJson.

Hier das snippet um die Datei einzulesen und darzustellen:

function addTrack()
{

  var finder = new Applait.Finder({ type: "sdcard", debugMode: true });
  finder.search("montoz.json");

  finder.on("searchBegin", function (needle) {
  alert("search startet")
  });

 finder.on("fileFound", function (file, fileinfo, storageName) {
 //alert("gefunden")

 var mygpx="";
 var reader = new FileReader();

      reader.onerror = function(event) {
    
    alert('shit happens')
    reader.abort();
  };


     reader.onload = function(event) {

  };

  reader.onloadend = function (event) {
       mygpx = event.target.result
      alert(mygpx);
    var myLayer = L.geoJSON().addTo(map);
    myLayer.addData(mygpx);
  
 


};


  reader.readAsText(file)


  });



}

 

[Sempervivum]

Bei deinem letzten Code vermisse ich das Parsen des JSON. Dieses
https://gis.stackexchange.com/questions/68489/loading-external-geojson-file-into-leaflet-map
(Post von neogeomat) verstehe ich so, dass ein Javascript-Objekt übergeben werden muss und nicht ein JSON-Text,
ebenso dieses:
https://forum.openstreetmap.org/viewtopic.php?id=62201
(post #3)

 

[strukturart]

Danke an Alle, nun klappt es.

    var myLayer = L.geoJSON().addTo(map);
    myLayer.addData(JSON.parse(mygpx));