aswi2020sebela-gitlab/website/public/js/zcu-heatmap.js @ 896f0d9c

var map;
var heatmapLayer = null;

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

var currentTime = 0;


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

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


function setMapView(latitude = startX, longitude = startY, zoom = startZoom) {
  map.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, date) {

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


function drawHeatmap(points) {

  // Todo still switched
  points = points.map(function (p) { return [p['x'], p['y'], p['number']]; });
  if (heatmapLayer != null) {
    mymap.removeLayer(heatmapLayer);
  }
  heatmapLayer = L.heatLayer(points).addTo(mymap), draw = true; 
  // var heat_01 = ...
  // on background map.addLayer(heat_01) -> map.removeLayer(heat_01);
}

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;
  for (i = 0; i < available.length; i++) {
    options += '<options value="' + i + '">' + available[i] + '</option>\n'; 
  }

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