Javascript: импорт свойств из .Geo JSON в vis. js DataSet - PullRequest
Новая
       5

Javascript: импорт свойств из .Geo JSON в vis. js DataSet

0 голосов
/ 15 февраля 2020

Я пытаюсь импортировать свойства, присутствующие в файле .Geo JSON, в vis. js, я могу отображать свойства времени так, как хотелось бы, но Я не могу применить к нему значение l oop: 

var tillicum = {
"type": "Feature",

"geometry": {
"type": "MultiPoint",
"coordinates": [
  [
    -123.77252789,
    44.37857221
  ],
  [
    -123.77317087,
    44.37864694
  ],
  [
    -123.77383407,
    44.37875853
     ]
     ]
   },
    "properties": {
       "title" : "tillicum",
       "path_options" : { "color" : "red" },

       "time": [
         1580403952000,
         1580403990000,
         1580404202000
          ],
                 "altitude": [
                  0,
                  0,
                  0
           ],
                  "raw": []
        },
                  "bbox": [
           [
                   -124.09386637,
                   44.34348063
           ],
           [
                   -124.09386637,
                   44.56531305
           ],
           [
                   -123.26148271,
                    44.56531305
           ],
           [
                   -123.26148271,
                    44.34348063
           ]
    ]
 };

 var demoTracks = [tillicum];

здесь я инициализирую переменные startTime и endTime для свойства time в geo json: 

var startTime = new Date(demoTracks[0].properties.time[0]);
var endTime = new Date(demoTracks[0].properties.time[1]);
var startTime2 = new Date(demoTracks[0].properties.time[1]);
var endTime2 = new Date(demoTracks[0].properties.time[2]);
var startTime3 = new Date(demoTracks[0].properties.time[2]);
var endTime3 = new Date(demoTracks[0].properties.time[3]);

и здесь я передаю их на vis. js временной набор данных: 

var timelineData = new vis.DataSet([{start: startTime, end: endTime,  content: 'Tracks' },
                                    {start: startTime2, end: endTime2,  content: 'Tracks2'},
                                    {start: startTime3, end: endTime3,  content: 'Tracks3'}]);

все, что я хочу сделать, это использовать для l oop, что позволяет мне просматривать различные фрагменты времени в vis. js, я пробовал для l oop на различных элементы, но без результатов, как я мог продолжить? спасибо!

ОБНОВЛЕНИЕ:

это для l oop, которые я пытался вставить, чтобы получить то, что я хотел, <16 </strong> только для попытки. 

for(var i=0; i<16; i++){
for(var j=1; j<16; j++){

 var  startTime=[];
 var  endTime=[];

 // Get start/end times
  startTime[i] = new Date(demoTracks[0].properties.time[i]);
  endTime[i] = new Date(demoTracks[0].properties.time[j]);



 // Create a DataSet with data
var timelineData = new vis.DataSet([{start: startTime[i], end: endTime[i],  
content: 'Tracks' }]);

}
}
// Set timeline options
var timelineOptions = {
  "width":  "100%",
  "height": "160px",
  "style": "box",
  "axisOnTop": true,
  "showCustomTime":true
};

 // Setup timeline
 var timeline = new vis.Timeline(document.getElementById('timeline'), timelineData, timelineOptions);
...