/
markChromelessCommuter2007-11.html
65 lines (61 loc) · 2.63 KB
/
markChromelessCommuter2007-11.html
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Chromeless-Roland's Vancouver Geotagged 2007=cyan,08=yellow,09=red,10=green,11=blue</title>
</head>
<body>
<div id="cm-example" style="width: 800px; height: 600px"></div>
<script type="text/javascript" src="http://tile.cloudmade.com/wml/latest/web-maps-lite.js"></script>
<script type="text/javascript" src="vancouver-commuter-2010.js"></script>
<script type="text/javascript" src="vancouver-commuter-2011.js"></script>
<script type="text/javascript" src="vancouver-commuter-2009.js"></script>
<script type="text/javascript" src="vancouver-commuter-2008.js"></script>
<script type="text/javascript" src="vancouver-commuter-2007.js"></script>
<script type="text/javascript">//<![CDATA[
var cloudmade = new CM.Tiles.CloudMade.Web({key: 'ccfc587e00ca40458db437d57437f5cf',styleId: 15153});
var map = new CM.Map('cm-example', cloudmade);
// set centre to be Vancouver Centroid from Flickr:
//http://www.flickr.com/places/info/9807
map.setCenter(new CM.LatLng(49.2604, -123.1140), 13);
for (var i = 0; i < vancouver_commuter_2007.length; i++) {
var polygon = new CM.Polygon([
new CM.LatLng(vancouver_commuter_2007[i][0],
vancouver_commuter_2007[i][1])],
"cyan",
3, 0.5);
map.addOverlay(polygon);
}
for (var i = 0; i < vancouver_commuter_2008.length; i++) {
var polygon = new CM.Polygon([
new CM.LatLng(vancouver_commuter_2008[i][0],
vancouver_commuter_2008[i][1])],
"yellow",
3, 0.5);
map.addOverlay(polygon);
}
for (var i = 0; i < vancouver_commuter_2009.length; i++) {
var polygon = new CM.Polygon([
new CM.LatLng(vancouver_commuter_2009[i][0],
vancouver_commuter_2009[i][1])],
"red",
3, 0.5);
map.addOverlay(polygon);
}
for (var i = 0; i < vancouver_commuter_2010.length; i++) {
var polygon = new CM.Polygon([
new CM.LatLng(vancouver_commuter_2010[i][0],
vancouver_commuter_2010[i][1])],
"green",
3, 0.5);
map.addOverlay(polygon);
}
for (var i = 0; i < commuter_photos_2011.length; i++) {
var polygon = new CM.Polygon([
new CM.LatLng(commuter_photos_2011[i][0],
commuter_photos_2011[i][1])],
"blue",
3, 0.5);
map.addOverlay(polygon);
}
//]]></script>
</body>