Revize 64bc2934

+ funkcionalita zobrazení jednotlivých datasetů - zatím bez animace

website/public/js/zcu-heatmap.js

@@ -1 @@
-var map;
+var mymap;
 var heatmapLayer = null;
 
 var startX = 49.7248;
@@ -9 +9 @@
 
 
 function initMap() {
-  map = L.map('heatmap').setView([startX, startY], startZoom);
+  mymap = L.map('heatmap').setView([startX, startY], startZoom);
 
   L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
     attribution: '',
     maxZoom: 19
-  }).addTo(map);
+  }).addTo(mymap);
 }
 
 
 function setMapView(latitude = startX, longitude = startY, zoom = startZoom) {
-  map.setView([latitude, longitude], zoom);
+  mymap.setView([latitude, longitude], zoom);
 }
 
 
@@ -59 +59 @@
     }, 400);
 }
 
-function showHeatmap(route, date) {
+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 + date,
+    url: route + '/' +  name + '/' + date + '/' + time,
     success: function(result) {
       drawHeatmap(result);
     }
@@ -78 +83 @@
   if (heatmapLayer != null) {
     mymap.removeLayer(heatmapLayer);
   }
-  heatmapLayer = L.heatLayer(points).addTo(map), draw = true; 
+  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) {
@@ -105 +112 @@
     options += '<option value="' + value + '">' + key + '</option>\n'; 
   });
 
-  $('#types').empty().append(options);
+  $('#type').empty().append(options);
   
 }