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",
      //     url: "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: "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);
    } else if (type == "CONSTRUCTION"){
        trafficlayer = new vcs.vcm.layer.GeoJSON({
            name: "CONSTRUCTION",
            url: "http://localhost:8083/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: '/FLOWdata',
    }).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: '/NavCARdata',
    }).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: '/FLOWtest',
    }).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(){
  flowlayer = new vcs.vcm.layer.GeoJSON({
    name: "FLOW",
    url: "http://localhost:8083/FLOW",
    data: geojson,
    projection: {
        epsg: 4326
    },
    altitudeMode : "relativeToGround",
    heightAboveGround: 0
})
framework.addLayer(flowlayer)
flowlayer.activate(true);
}
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: "http://localhost:8083/NAVCAR",
    data: geojson,
    projection: {
        epsg: 4326
    },
    altitudeMode : "relativeToGround",
    heightAboveGround: 0
})
framework.addLayer(navcarlayer)
navcarlayer.activate(true);
}
function getTraffic() {
    try {
        $.ajax({
            type: "POST",
            url: '/getTrafficIncidents',
        }).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!');
    }
};