favoriteplaces.js

function getFavoritePlaces() {
    // console.log("arrive")
    //   Sensor.id = sensorid
      // console.log(Sensor.id)

      var favplaces = new vcs.vcm.layer.GeoJSON({
        name: "FavPlaces",
        url: FavoritePlacesUrl,
        data: geojson,
        projection: {
            epsg: 4326
        },
        altitudeMode : "relativeToGround",
        style: {
        image: {
          icon: {
            src: "./templates/locationSMgreen.png",
            scale: 0.5
          }
        }
      },
      heightAboveGround: 0
    })
    framework.addLayer(favplaces)
    favplaces.activate(true);
 }
 function hideFavoritePlaces(){
  

  
    var layern = ["FavPlaces"]
    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("FavPlaces")

 }

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

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

    
  
      favdatapoint.slat = pointd.lat
      favdatapoint.slon = pointd.lon
      favdatapoint.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
      if (location == "quiz_baustelle"){
        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: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_spacecadet.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      } else if (location == "quiz_pragfriedhof"){
        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: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_paologreen.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      }else if (location == "quiz_marktplatz"){
        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: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_rosybrown.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      }else if (location == "quiz_skaten"){
        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: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_rosevale.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      }else if (location == "quiz_kirche"){
        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: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_myrtlegreen.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      }else if (location == "quiz_meerschweinchen"){
        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: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_babyblue.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      }else if (location == "quiz_ufapalast"){
        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: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_rubyred.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      }else if (location == "quiz_rostensteinpark"){
        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: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_greensheen.png",
              scale: 0.5
            }
          }
        },
        heightAboveGround: 0
      })
      }else {
        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);
  }


function saveFavPoint(){
 var favdatapoint2 = {
    lat:"",
    lon:"",
    contentext: document.getElementById("favoritText").value
    }
    favdatapoint2.lat  = favdatapoint.slat;
    favdatapoint2.lon = favdatapoint.slon;
    // var incidents = getTraffic()
    try {
      $.ajax({
          type: "POST",
          url: saveFavPOINT,
          data: favdatapoint2,
      }).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!');
  }
}

function disableButton(){
  var element = document.getElementById("FavSaveButton");
  element.classList.add("Disabled");
}

function switchFavPlaces(){

  var checkBox = document.getElementById("favcheck");

  if (checkBox.checked == true){

    getFavoritePlaces()
  } else {

    hideFavoritePlaces()
  }

}

// Get Location of User

document.getElementById('getLocationFav').ontouchstart = function (eve) {
  getLocationFav()
}

document.getElementById('getLocationFav').onclick = function (eve) {
  getLocationFav()
}


function getLocationFav() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPositionFav, showError);
  } else {
    console.log("Geolocation is not supported by this browser.");
  }
}

function showPositionFav(position) {
  console.log("Latitude: " + position.coords.latitude +
  "   Longitude: " + position.coords.longitude)
  var pointd = {
    lat:"",
    lon:"",
    loc:""
  }
  pointd.lat = position.coords.latitude
  pointd.lon = position.coords.longitude
  pointd.loc = "fav"

  setPointFav("fav", pointd);

  var viewpointFavLoc = new vcs.vcm.util.ViewPoint.createViewPointFromExtent([position.coords.longitude - 0.0005, position.coords.latitude - 0.0005, position.coords.longitude + 0.0005, position.coords.latitude + 0.0005])
  viewpointFavLoc.pitch = -40
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewpointFavLoc);
}

function showError(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      console.log("User denied the request for Geolocation.")
      break;
    case error.POSITION_UNAVAILABLE:
      console.log("Location information is unavailable.")
      break;
    case error.TIMEOUT:
      console.log("The request to get user location timed out.")
      break;
    case error.UNKNOWN_ERROR:
      console.log("An unknown error occured")
      break;
  }
}