1
|
var mymap;
|
2
|
var startX = 49.7248;
|
3
|
var startY = 13.3521;
|
4
|
var startZoom = 17;
|
5
|
|
6
|
function initMap() {
|
7
|
mymap = L.map('heatmap').setView([startX, startY], startZoom);
|
8
|
|
9
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
10
|
attribution: '',
|
11
|
maxZoom: 19
|
12
|
}).addTo(mymap);
|
13
|
}
|
14
|
|
15
|
function setMapView(latitude = startX, longitude = startY, zoom = startZoom) {
|
16
|
mymap.setView([latitude, longitude], zoom);
|
17
|
}
|
18
|
|
19
|
function showHeatmap(route) {
|
20
|
$.ajax({
|
21
|
type: "POST",
|
22
|
url: route,
|
23
|
success: function(result) {
|
24
|
drawHeatmap(result);
|
25
|
}
|
26
|
});
|
27
|
}
|
28
|
|
29
|
function drawHeatmap(points) {
|
30
|
points = points.map(function (p) { return [p['y'], p['x'], p['number']]; });
|
31
|
|
32
|
L.heatLayer(points).addTo(mymap), draw = true;
|
33
|
}
|