here.js

var traffic;
var flow;
var navcar;
var navcardata;
var geojson;
var geolat;
var geolong;
var originalJson;
var pol;

function getNAVcar(){
  // var incidents = getTraffic()
  try {
    $.ajax({
        type: "POST",
        url: NavCARdata,
    }).done(function (newdata) {
        convertdata(newdata);
    });
    function convertdata(data) {
        navcardata = data;
        console.log(navcardata)
    }
    return navcardata
}
catch (err) {
    console.log('loading Gas Values from DB failed!');
}
  // pol = decode(navcar.body.routes[0].sections[0].polyline)
  // geolat = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LATITUDE;
  // geolong = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LONGITUDE;
  // var type = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].TRAFFIC_ITEM_DESCRIPTION[0].value;
      // roadclose = new vcs.vcm.layer.GeoJSON({
      //     name: "ROAD_CLOSURE",
      //     http://localhost:8083/CONSTRUCTION",
      //     data: geojson,
      //     projection: {
      //         epsg: 4326
      //     },
      //     altitudeMode : "relativeToGround",
      //     style: {
      //     image: {
      //       icon: {
      //         src: "./img/traffic/icons8-straßensperre-64.png",
      //         scale: 1
      //       }
      //     }
      //   },
      //   heightAboveGround: 0
      // })
      // framework.addLayer(roadclose)
      // roadclose.activate(true);


};
function getAccidents(type){
    // var incidents = getTraffic()
    console.log(traffic);
    // geolat = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LATITUDE;
    // geolong = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LONGITUDE;
    // var type = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].TRAFFIC_ITEM_DESCRIPTION[0].value;
    if (type == "ROAD_CLOSURE"){
        roadclose = new vcs.vcm.layer.GeoJSON({
            name: "ROAD_CLOSURE",
            url: ROAD_CLOSURE,
            data: geojson,
            projection: {
                epsg: 4326
            },
            altitudeMode : "relativeToGround",
            style: {
            image: {
              icon: {
                src: "./img/traffic/icons8-straßensperre-64.png",
                scale: 1
              }
            }
          },
          heightAboveGround: 0
        })
        framework.addLayer(roadclose)
        roadclose.activate(true);
    } else if (type == "CONSTRUCTION"){
        trafficlayer = new vcs.vcm.layer.GeoJSON({
            name: "CONSTRUCTION",
            url: CONSTRUCTION,
            data: geojson,
            projection: {
                epsg: 4326
            },
            altitudeMode : "relativeToGround",
            style: {
            image: {
              icon: {
                src: "./img/traffic/icons8-im-bau-50.png",
                scale: 0.5
              }
            }
          },
          heightAboveGround: 0
        })
        framework.addLayer(trafficlayer)
        trafficlayer.activate(true);
    }
    

};

function deleteAccidents(type){
  if (type == "CONSTRUCTION"){
    var layern = ["CONSTRUCTION"]
    var layers = framework.getLayers();

    for (var i = 0; i< layers.length; i++) {
      var layer = layers[i];
      if(layern.indexOf(layer.name) >= 0){
        layer.activate(false);
      } 
    }
    framework.removeLayerByName("CONSTRUCTION")
  } else if (type == "ROAD_CLOSURE"){
    var layerR = ["ROAD_CLOSURE"]
    var layers = framework.getLayers();

    for (var i = 0; i< layers.length; i++) {
      var layer = layers[i];
      if(layerR.indexOf(layer.name) >= 0){
        layer.activate(false);
      } 
    }
    framework.removeLayerByName("ROAD_CLOSURE")
  }
}

function getFlow(){
  // var incidents = getTraffic()

  // geolat = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LATITUDE;
  // geolong = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LONGITUDE;
  // var type = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].TRAFFIC_ITEM_DESCRIPTION[0].value;
  try {
    $.ajax({
        type: "POST",
        url: FLOWdataUrl,
    }).done(function (newdata) {
        convertdata(newdata);
    });
    function convertdata(data) {
        flow = data;
        console.log(flow)
    }
    return flow
}
catch (err) {
    console.log('loading Gas Values from DB failed!');
}

};
function getNAV(){
  // var incidents = getTraffic()

  // geolat = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LATITUDE;
  // geolong = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LONGITUDE;
  // var type = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].TRAFFIC_ITEM_DESCRIPTION[0].value;
  try {
    $.ajax({
        type: "POST",
        url: NavCARdataUrl,
    }).done(function (newdata) {
        convertdata(newdata);
    });
    function convertdata(data) {
        navcar = data;
        console.log(navcar)
    }
    return navcar
}
catch (err) {
    console.log('loading Gas Values from DB failed!');
}

};
function getFlowtest(){
  // var incidents = getTraffic()

  // geolat = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LATITUDE;
  // geolong = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].LOCATION.GEOLOC.ORIGIN.LONGITUDE;
  // var type = traffic.body.TRAFFIC_ITEMS.TRAFFIC_ITEM[0].TRAFFIC_ITEM_DESCRIPTION[0].value;
  try {
    $.ajax({
        type: "POST",
        url: FLOWtestUrl,
    }).done(function (newdata) {
        convertdata(newdata);
    });
    function convertdata(data) {
        flow = data;
        console.log(flow)
    }
    return flow
}
catch (err) {
    console.log('loading Gas Values from DB failed!');
}

};
function drawFlow(){
  document.getElementById("loadermain").style.display = "block";
  // url: "http://localhost:8083/FLOW",
  flowlayer = new vcs.vcm.layer.GeoJSON({
    name: "FLOW",
    url: TrafficFlow,
    data: geojson,
    projection: {
        epsg: 4326
    },
    altitudeMode : "relativeToGround",
    heightAboveGround: 0
})
framework.addLayer(flowlayer)
flowlayer.activate(true);
  // var mainlayer; 
  var layern = ["FLOW"]
  var layers = framework.getLayers();
  
//   for (var i = 0; i< layers.length; i++) {
//     var layer = layers[i];
//      if(layern.indexOf(layer.name) >= 0){
//        mainlayer = layer
      
//      } 
//   }
//   var objectlist = [];
//   var layerData = {}
//   var test = 0; 
//   var timeout = setInterval(function() {
//     if("l" in layerData) {
//       for (key in layerData.l) {
//         test +=1;
//         objectlist.push(layerData.l[key])
//       }
//       // document.getElementById("loadermain").style.display = "block";
//         clearInterval(timeout); 
//         isFinished = true;
//     } else{
//       layerData = getLayerforData("CarRoute")
//     }
// }, 1000);
// document.getElementById("loadermain").style.display = "none";

}
function deleteFlow(){
  var layern = ["FLOW"]
    var layers = framework.getLayers();

    for (var i = 0; i< layers.length; i++) {
      var layer = layers[i];
      if(layern.indexOf(layer.name) >= 0){
        layer.activate(false);
      } 
    }
    framework.removeLayerByName("FLOW")
}
function drawnavcar(){
  var layern = ["NAVCAR"]
  var layers = framework.getLayers();

  for (var i = 0; i< layers.length; i++) {
    var layer = layers[i];
    if(layern.indexOf(layer.name) >= 0){
      layer.activate(false);
    } 
  }
  framework.removeLayerByName("NAVCAR")
  navcarlayer = new vcs.vcm.layer.GeoJSON({
    name: "NAVCAR",
    url: NAVCAR,
    data: geojson,
    projection: {
        epsg: 4326
    },
    altitudeMode : "relativeToGround",
    heightAboveGround: 0
})
framework.addLayer(navcarlayer)
navcarlayer.activate(true);
}
function getTraffic() {
    try {
        $.ajax({
            type: "POST",
            url: getTrafficIncidentsUrl,
        }).done(function (newdata) {
            convertdata(newdata);
        });
        function convertdata(data) {
            traffic = data;
            console.log(traffic)
        }
        return traffic
    }
    catch (err) {
        console.log('loading Gas Values from DB failed!');
    }
};
function drawnavpub(){
  var layern = ["NAVPUB"]
  var layers = framework.getLayers();

  for (var i = 0; i< layers.length; i++) {
    var layer = layers[i];
    if(layern.indexOf(layer.name) >= 0){
      layer.activate(false);
    } 
  }
  framework.removeLayerByName("NAVPUB")
  navcarlayer = new vcs.vcm.layer.GeoJSON({
    name: "NAVPUB",
    url: NAVPUB,
    data: geojson,
    projection: {
        epsg: 4326
    },
    altitudeMode : "relativeToGround",
    heightAboveGround: 0
})
framework.addLayer(navcarlayer)
navcarlayer.activate(true);
}

//-- Set point in the map
function setPoint(location, pointd){

  var datapoint = {
    slat:"",
    slon:"",
    sloc:"",
    }

    datapoint.slat = pointd.lat
    datapoint.slon = pointd.lon
    datapoint.sloc = location

    var layern = [location + "point"]
    var layers = framework.getLayers();
    // hide layer if it already exists
    for (var i = 0; i< layers.length; i++) {
      var layer = layers[i];
      if(layern.indexOf(layer.name) >= 0){
        layer.activate(false);
        
      } 
    }
    // delete layer if it already exists
   framework.removeLayerByName(location + "point")
    // visualizing with vcs GeoJson function
    pointlayer = new vcs.vcm.layer.GeoJSON({
        name: location + "point",
        url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
        data: geojson,
        projection: {
            epsg: 4326
        },
        altitudeMode : "relativeToGround",
        style: {
        image: {
          icon: {
            src: "./templates/locationSM.png",
            scale: 0.5
          }
        }
      },
      heightAboveGround: 0
    })
    framework.addLayer(pointlayer)
    pointlayer.activate(true);
}
// Test Funktion
function setRouteCar(){
  var resetBtn = document.getElementById("buttonCar");
  resetBtn.disabled = true;
  resetBtn.innerHTML = '<div id="loaderCar" class="loader"></div>'
  // var loaderBtn = document.getElementById("loaderCar");
  // loaderBtn.display = "block";

  pointsoe="";
  var datapoint = {
    slat:"",
    slon:"",
    sloc:"Start",
    elat:"",
    elon:"",
    eloc:"End"
    }

      datapoint.slat = document.getElementById('Spunktlat').value
      datapoint.slon = document.getElementById('Spunktlon').value
      datapoint.sloc = "Start"
      datapoint.elat = document.getElementById('Epunktlat').value
      datapoint.elon = document.getElementById('Epunktlon').value
      datapoint.eloc = "End"
  
      var layern = ["CarRoute"]
      var layers = framework.getLayers();
      // hide layer if it already exists
      for (var i = 0; i< layers.length; i++) {
        var layer = layers[i];
        if(layern.indexOf(layer.name) >= 0){
          layer.activate(false);
          
        } 
      }
      // delete layer if it already exists
     framework.removeLayerByName("CarRoute")
      // visualizing with vcs GeoJson function
      pointlayer = new vcs.vcm.layer.GeoJSON({
          name: "CarRoute",
          url: routecalcurl + "?slat=" + datapoint.slat + "&slon=" + datapoint.slon + "&sloc=" + datapoint.sloc + "&elat=" + datapoint.elat + "&elon=" + datapoint.elon + "&eloc=" + datapoint.eloc,
          data: geojson,
          projection: {
              epsg: 4326
          },
          altitudeMode : "relativeToGround",
          style: {
          image: {
            icon: {
              src: "./templates/locationSM.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      framework.addLayer(pointlayer)
      pointlayer.activate(true);


      // var mainlayer; 
      var layern = ["CarRoute"]
      var layers = framework.getLayers();
      
      for (var i = 0; i< layers.length; i++) {
        var layer = layers[i];
         if(layern.indexOf(layer.name) >= 0){
           mainlayer = layer
          
         } 
      }
      var objectlist = [];
      var layerData = {}
      var test = 0; 
      var timeout = setInterval(function() {
        if("l" in layerData) {
          for (key in layerData.l) {
            test +=1;
            objectlist.push(layerData.l[key])
          }
            console.log(test)
            console.log(objectlist)
            calcTime(objectlist,"Routeduration");
            clearInterval(timeout); 
            isFinished = true;
        } else{
          layerData = getLayerforData("CarRoute")
        }
    }, 1000);

}
function setRoutePublic(){
  document.getElementById("PubRouteShow").innerHTML = "";
  var resetBtn = document.getElementById("buttonPub");
  resetBtn.disabled = true;
  resetBtn.innerHTML = '<div id="loaderCar" class="loader"></div>'

  pointsoe = "";
  var datapoint = {
    slat:"",
    slon:"",
    sloc:"Start",
    elat:"",
    elon:"",
    eloc:"End"
    }
    var testingThing;
    datapoint.slat = document.getElementById('Spunktlat').value
    datapoint.slon = document.getElementById('Spunktlon').value
    datapoint.sloc = "Start"
    datapoint.elat = document.getElementById('Epunktlat').value
    datapoint.elon = document.getElementById('Epunktlon').value
    datapoint.eloc = "End"

    var layern = ["PublicRoute"]
    var layers = framework.getLayers();
    // hide layer if it already exists
    for (var i = 0; i< layers.length; i++) {
      var layer = layers[i];
      if(layern.indexOf(layer.name) >= 0){
        layer.activate(false);
        
      } 
    }
    // delete layer if it already exists
   framework.removeLayerByName("PublicRoute")
    // visualizing with vcs GeoJson function
    pointlayer = new vcs.vcm.layer.GeoJSON({
        name: "PublicRoute",
        url: navpublict2url + "?slat=" + datapoint.slat + "&slon=" + datapoint.slon + "&sloc=" + datapoint.sloc + "&elat=" + datapoint.elat + "&elon=" + datapoint.elon + "&eloc=" + datapoint.eloc,
        data: testingThing,
        projection: {
            epsg: 4326
        },
        altitudeMode : "relativeToGround",
        style: {
        image: {
          icon: {
            src: "./templates/locationSM.png",
            scale: 0.5
          }
        }
      },
      heightAboveGround: 0
    })

    framework.addLayer(pointlayer)
    pointlayer.activate(true);
    

    // --- get the Data from the geoJson
    //======in progress

    // var mainlayer; 
    var layern = ["PublicRoute"]
    var layers = framework.getLayers();
    
    for (var i = 0; i< layers.length; i++) {
      var layer = layers[i];
       if(layern.indexOf(layer.name) >= 0){
         mainlayer = layer
        
       } 
    }
    var objectlist = [];
    var layerData = {}
    var test = 0; 
    var timeout = setInterval(function() {
      if("l" in layerData) {
        for (key in layerData.l) {
          test +=1;
          objectlist.push(layerData.l[key])
        }
          console.log(test)
          console.log(objectlist)
          calcTime(objectlist,"RoutedurationPub");
          clearInterval(timeout); 
          isFinished = true;
      } else{
        layerData = getLayerforData("PublicRoute")
      }
  }, 1000);
    // var newmain = mainlayer.options.commonLayer.source
    ////["00c943b2-de4c-4898-bf4b-680b49cd0643"].I
    //var testing = Object.getOwnPropertyNames(newmain.l).sort()
  

  
    
    

    
}

function calcTime(list,location){
  var daystime = 0;
  var minutestime = 0;
  var secondstime = 0;
  var hourstime = 0;
  for (var i = 0; i< list.length; i++) {
    daystime += parseFloat(list[i].I.daysDifference)
    minutestime += parseFloat(list[i].I.minutesDifference)
    secondstime += parseFloat(list[i].I.secondsDifference)
    hourstime += parseFloat(list[i].I.hoursDifference)
    if (location == "RoutedurationPub"){
      if (i == 0){
        var newPoint = document.createElement("div");
        newPoint.className = "Travelpoint"; 
        newPoint.innerHTML = "Startpunkt"
          // var textnode = document.createTextNode(list[i].I.arrivalPlace.name);
          document.getElementById("PubRouteShow").appendChild(newPoint);

      }
    if (list[i].I.transportInfo.mode == "pedestrian"){

      var newDiv = document.createElement("div");
      newDiv.className = "walkingshape"; 
      newDiv.innerHTML = "zu Fuß"
      document.getElementById("PubRouteShow").appendChild(newDiv);
      if (list[i].I.arrivalPlace.name){
        var newPoint = document.createElement("div");
        newPoint.className = "Travelpoint"; 
        newPoint.innerHTML = list[i].I.arrivalPlace.name
          // var textnode = document.createTextNode(list[i].I.arrivalPlace.name);
          document.getElementById("PubRouteShow").appendChild(newPoint);
      }
      

    } else if (list[i].I.transportInfo.mode == "subway"){
      var newDiv = document.createElement("div");
      newDiv.className = "subwayshape"; 
      newDiv.innerHTML = "mit U-Bahn"
      document.getElementById("PubRouteShow").appendChild(newDiv);

      var newPoint = document.createElement("div");
      newPoint.className = "Travelpoint"; 
      newPoint.innerHTML = list[i].I.arrivalPlace.name
        // var textnode = document.createTextNode(list[i].I.arrivalPlace.name);
        document.getElementById("PubRouteShow").appendChild(newPoint);
    } else if (list[i].I.transportInfo.mode == "bus"){
      var newDiv = document.createElement("div");
      newDiv.className = "busshape"; 
      newDiv.innerHTML = "mit Bus"
      document.getElementById("PubRouteShow").appendChild(newDiv);
      var newPoint = document.createElement("div");
      newPoint.className = "Travelpoint"; 
      newPoint.innerHTML = list[i].I.arrivalPlace.name
        // var textnode = document.createTextNode(list[i].I.arrivalPlace.name);
        document.getElementById("PubRouteShow").appendChild(newPoint);
    }else if (list[i].I.transportInfo.mode == "cityTrain"){
      var newDiv = document.createElement("div");
      newDiv.className = "subwayshape"; 
      newDiv.innerHTML = "mit S-Bahn"
      document.getElementById("PubRouteShow").appendChild(newDiv);
      var newPoint = document.createElement("div");
      newPoint.className = "Travelpoint"; 
      newPoint.innerHTML = list[i].I.arrivalPlace.name
        // var textnode = document.createTextNode(list[i].I.arrivalPlace.name);
        document.getElementById("PubRouteShow").appendChild(newPoint);
    }

  }
    // test +=1;
    // objectlist.push(layerData.l[key])
  }
  if (hourstime > 59) {
    var days  = Math.floor(hourstime / 24);
    daystime += parseFloat(days);
    var hours = hourstime - days * 24;
    hourstime = parseFloat(hours)
  }
  if (minutestime > 59) {
    var hours  = Math.floor(minutestime / 60);
    hourstime += parseFloat(hours);
    var minutes = minutestime - hours * 60;
    minutestime = parseFloat(minutes)
  }
  if (secondstime > 59) {
    var minutes  = Math.floor(secondstime / 60);
    minutestime += parseFloat(minutes);
    var seconds = secondstime - minutes * 60;
    secondstime = parseFloat(seconds)
  }
  if (hourstime == 0){
    document.getElementById(location).value = minutestime + " min " + secondstime + " sek";
  } else if (daystime == 0){
    document.getElementById(location).value = hourstime + " h " + minutestime + " min " + secondstime + " sek";
  } else{
    document.getElementById(location).value = daystime + " d " + hourstime + " h " + minutestime + " min " + secondstime + " sek";
  }
  if (location == "RoutedurationPub"){

  var resetBtn = document.getElementById("buttonPub");
  resetBtn.disabled = false;
  resetBtn.innerHTML = "Route berechnen (Öffis)"
  
  var newPoint = document.createElement("div");
  newPoint.className = "Travelpoint"; 
  newPoint.innerHTML = "Endpunkt"
    // var textnode = document.createTextNode(list[i].I.arrivalPlace.name);
    document.getElementById("PubRouteShow").appendChild(newPoint);
  // var textnode = document.createTextNode("Endpunkt");
  // document.getElementById("PubRouteShow").appendChild(textnode);
  // var newDiv = document.createElement("div");
  // newDiv.className = "walkingshape";
  // var loaderBtn = document.getElementById("loaderPub");
  // loaderBtn.display = "none"; 

  // document.getElementById("PubRouteShow").appendChild(newDiv);
  } else if (location == "Routeduration"){

  var resetBtn = document.getElementById("buttonCar");
  resetBtn.disabled = false;
  resetBtn.innerHTML = "Route berechnen (Auto)"
  // var loaderBtn = document.getElementById("loaderCar");
  // loaderBtn.display = "none"; 

  }

  
};


function getLayerforData(name){
  var layern = [name]
    var layers = framework.getLayers();
  var mainlayer2
  for (var i = 0; i< layers.length; i++) {
    var layer = layers[i];
     if(layern.indexOf(layer.name) >= 0){
       mainlayer2 = layer
       return mainlayer2.options.commonLayer.source
     } 
  }
}