-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgooglemaps_firebase.html
More file actions
69 lines (58 loc) · 1.98 KB
/
Copy pathgooglemaps_firebase.html
File metadata and controls
69 lines (58 loc) · 1.98 KB
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
<title>Google Maps - pygmaps </title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=XXXXXXX&libraries=visualization&sensor=true_or_false"></script>
<script src="https://www.gstatic.com/firebasejs/4.5.1/firebase.js"></script>
<script type="text/javascript">
// Initialize Firebase
var config = {
apiKey: "XXXX",
authDomain: "XXXX.firebaseapp.com",
databaseURL: "XXXX.firebaseio.com",
projectId: "XXXX",
storageBucket: "XXXX",
messagingSenderId: "XXXX"
};
firebase.initializeApp(config);
function initialize(tuples) {
var centerlatlng = new google.maps.LatLng(37.774546, -122.433523);
var myOptions = {
zoom: 13,
center: centerlatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var heatmap_points = [];
for (i=0; i<tuples.length; i++) {
heatmap_points[i] = tuples[i];
}
var pointArray = new google.maps.MVCArray(heatmap_points);
var heatmap;
heatmap = new google.maps.visualization.HeatmapLayer({
data: pointArray
});
heatmap.setMap(map);
heatmap.set('threshold', 35);
heatmap.set('radius', 25);
heatmap.set('opacity', 0.800000);
heatmap.set('dissipating', true);
}
function test(snap) {
var new_lats = snap.child('lat').val();
var new_lngs = snap.child('long').val();
var c = new_lats.map(function(e, i) {
return [e, new_lngs[i]];
});
//console.log(c)
var tuples = [];
for (i=0; i<c.length; i++) {
tuples[i] = new google.maps.LatLng(c[i][0],c[i][1]);
}
//console.log(tuples[0]);
return initialize(tuples);
}
function try_it(){
get_coors = firebase.database().ref().child('coordinates');
get_coors.on('value', function(snapshot) {
test(snapshot);
});
}
</script>