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