-
Notifications
You must be signed in to change notification settings - Fork 0
/
drawing.js
59 lines (58 loc) · 1.77 KB
/
drawing.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
//execute after everything has loaded.
function getRandomColor() {
return '#'+(Math.random()*0xFFFFFF<<0).toString(16);
}
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: {
'lat': 33.749,
'lng': -84.388
},
mapTypeId: 'terrain'
});
for (i in shapes) {
//process coordinates
for (j in shapes[i]['coordinates']) {
for (k in shapes[i]['coordinates'][j]) {
shapes[i]['coordinates'][j][k] = new google.maps.LatLng(
shapes[i]['coordinates'][j][k]['lat'],
shapes[i]['coordinates'][j][k]['lng']);
}
shapes[i]['coordinates'][j] = new google.maps.MVCArray(shapes[i]['coordinates'][j]);
}
var coors = new google.maps.MVCArray(shapes[i]['coordinates'])
var rndcolor = getRandomColor()
var path = new google.maps.Polygon({
paths: coors,
strokeColor: rndcolor,
strokeOpacity: 0.8,
strokeWeight: 3,
fillColor: rndcolor,
flilOpacity: 0.35
});
path.setMap(map);
}
for (i in o_shapes) {
//process coordinates
for (j in o_shapes[i]['coordinates']) {
for (k in o_shapes[i]['coordinates'][j]) {
o_shapes[i]['coordinates'][j][k] = new google.maps.LatLng(
o_shapes[i]['coordinates'][j][k]['lat'],
o_shapes[i]['coordinates'][j][k]['lng']);
}
o_shapes[i]['coordinates'][j] = new google.maps.MVCArray(o_shapes[i]['coordinates'][j]);
}
var ncoors = new google.maps.MVCArray(o_shapes[i]['coordinates'])
var nrndcolor = getRandomColor()
var npath = new google.maps.Polygon({
paths: ncoors,
strokeColor: nrndcolor,
strokeOpacity: 0.8,
strokeWeight: 3,
fillColor: nrndcolor,
flilOpacity: 0.35
});
npath.setMap(map);
}
}