aswi2020sebela-gitlab/website/public/js/zcu-heatmap.js @ 64bc2934

var mymap;
var heatmapLayer = null;

var startX = 49.7248;
var startY = 13.3521;
var startZoom = 17;

var currentTime = 0;


function initMap() {
  mymap = L.map('heatmap').setView([startX, startY], startZoom);

  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '',
    maxZoom: 19
  }).addTo(mymap);
}


function setMapView(latitude = startX, longitude = startY, zoom = startZoom) {
  mymap.setView([latitude, longitude], zoom);
}


function changeTime(direction, max = 0) {
  let time = document.getElementById('time');

  if (direction === 'next') {
    currentTime += 1;

    if (currentTime > 23) {
      currentTime = 0;
    }
  }
  else if (direction === 'prev') {
    currentTime -= 1;

    if (currentTime < 0) {
      currentTime = 23;
    }
  }

  time.textContent = currentTime + ":00";
  time.className = 'time hour-' + currentTime;
}


function animateTimeline() {
  setTimeout(
    function () {
      if (currentTime < 23) {
        animateTimeline();
        changeTime('next');
      }
      else {
        changeTime('next');
      }
    }, 400);
}

function showHeatmap(route) {

  var name = $('#type').children("option:selected").text();
  var parts = $('#date').val().split('-');
  var date = parts[2] + parts[1] + parts[0];
  var time = $('#time').children("option:selected").val();

  $.ajax({
    type: "POST",
    url: route + '/' +  name + '/' + date + '/' + time,
    success: function(result) {
      drawHeatmap(result);
    }
  });
}


function drawHeatmap(points) {

  // Todo still switched
  points = points.map(function (p) { return [p['y'], p['x'], p['number']]; });
  if (heatmapLayer != null) {
    mymap.removeLayer(heatmapLayer);
  }
  heatmapLayer = L.heatLayer(points, {opacity: 0.5}).addTo(mymap);
  heatmapLayer.options = {opacity: 1};
  // var heat_01 = ...
  // on background map.addLayer(heat_01) -> map.removeLayer(heat_01);
  // $(.leaflet-heatmap-layer).css('opacity', 'value');
}

function checkDataSetsAvailability(route) {

  var parts = $('#date').val().split('-');
  
  $.ajax({
    type: "POST",
    // Todo it might be good idea to change db collections format
    url: route + '/' + parts[2] + parts[1] + parts[0],
    success: function(result) {
      updateAvailableDataSets(result);
    }
  });
}

function updateAvailableDataSets(available) {
  
  var options = '';

  Object.entries(available).forEach(([key, value]) => {
    options += '<option value="' + value + '">' + key + '</option>\n'; 
  });

  $('#type').empty().append(options);
  
}