This repository was archived by the owner on Mar 7, 2020. It is now read-only.
forked from ursudio/leaflet-webgl-heatmap
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathscript.js
124 lines (116 loc) · 3.75 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
var map = L.map('mapid', {
center: [44.68, -63.62],
zoom: 12,
minZoom: 8,
maxBounds : [
[43.957236472025635,-64.6600341796875],
[45.45627757127799,-62.6824951171875,]
]
});
/*map.fitBounds([
[44.58655513209543,-63.75091552734375],
[44.77403648591521,-63.50372314453124]
]);*/
L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
subdomains: 'abc'
}).addTo(map);
map.attributionControl.addAttribution(' © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors');
map.scrollWheelZoom.disable();
L.control.scale().addTo(map);
//custom size for this example, and autoresize because map style has a percentage width
var heatmap = L.webGLHeatmap({
size: 50,
units: 'px',
alphaRange: 0.4
});
var dataPoints = [
[50.880509986, -114.081560859],
[50.880509986, -114.081560859],
[50.880509986, -114.081560859],
[44.53666687, -64.243164062],
[44.639999389, -63.613998413],
[44.676998138, -63.612499237],
[44.679332733, -63.610500335],
[50.970165252, -114.06916809],
[34.104833333, -118.323],
[50.579812463, -113.872800754],
[51.055080414, -114.056716919],
[44.648111204, -63.577139396],
[44.642322778, -63.579243422],
[44.643284609, -63.568868637],
[44.64246, -63.578947],
[44.718542104, -63.683588477],
[44.718418471, -63.683593422],
[44.718461344, -63.683637427],
[44.718412771, -63.683782686],
[44.718390978, -63.683674224],
[44.718426894, -63.683400638],
[44.718389102, -63.683563615],
[44.643199507, -63.568366686],
[44.718326605, -63.683847729],
[44.7157814, -63.686402518],
[44.718411484, -63.683636892],
[44.718421013, -63.683612197],
[44.718408703, -63.683583046],
[44.718479198, -63.683512285],
[44.718442462, -63.683621787],
[44.70944854, -63.693567955],
[44.718409395, -63.683602933],
[44.718338801, -63.684254335],
[44.718401488, -63.683540924],
[44.718386997, -63.683626363],
[44.718386997, -63.683626363],
[44.718386997, -63.683626363],
[44.717759553, -63.677263503],
[44.642686, -63.578319],
[44.718392151, -63.683523433],
[44.718386997, -63.683626363],
[44.718355229, -63.683762904],
[44.718500027, -63.683851836],
[44.718399905, -63.683797438],
[44.718426224, -63.683320424],
[44.647744146, -63.575160526],
[44.642261709, -63.579683304],
[44.649856, -63.586578],
[44.647437, -63.580284],
[44.718402168, -63.683638014],
[44.718503631, -63.68352226],
[44.718453507, -63.683740692],
[44.718406694, -63.683453947],
[44.718592538, -63.683768395],
[44.718500529, -63.68364891],
[44.718374717, -63.683847142],
[44.718296221, -63.683787212],
[44.718322533, -63.683521553],
[44.718461344, -63.683620161],
[44.718429676, -63.683640406],
[44.71843339, -63.683663914],
[44.718477647, -63.683813028],
[44.718398396, -63.683542209],
[44.718504084, -63.683465428],
[44.718575212, -63.683621166],
[44.718387784, -63.683589918],
[44.718244917, -63.683892581],
[44.718385838, -63.683624545],
[44.718397606, -63.683539988],
[44.718408668, -63.683616944],
[44.718401751, -63.683572637],
[44.718407164, -63.683572267],
[44.718424391, -63.683666915],
[44.718339513, -63.683889806],
[44.718404213, -63.683593903],
[44.718376712, -63.683603459],
[44.718365334, -63.683625158],
[44.718406172, -63.683623469],
[44.718357136, -63.683653095],
[44.71841303, -63.683625434],
[44.718367131, -63.683636757],
[44.718337501, -63.683804059],
[44.718377546, -63.683478126],
[44.718491649, -63.68370368],
[44.718393032, -63.683595266],
[44.718385449, -63.683592853]
];
heatmap.setData(dataPoints);
heatmap.multiply(2);
map.addLayer(heatmap);