van-flickr-mongo/markWaterColorLeafletVancouverCommuter2011.html at master · rtanglao/van-flickr-mongo · GitHub

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
<!DOCTYPE html>
<html>
    <head>
	<title>Vancouver Geotagged 2011 Commuter Cameraphone - Watercolor Leaflet</title>
<script type="text/javascript" src="http://leaflet.cloudmade.com/dist/leaflet.js"></script>
<link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.css" />
<script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js?v1.1.3"></script>
<script type="text/javascript" src="vancouver-commuter-2011.js"></script>
<script type="text/javascript">
function initialize() {
  var layer = new L.StamenTileLayer("watercolor");
  var map = new L.Map("map", {
        scrollWheelZoom: false,
        touchZoom: false,
        doubleClickZoom: false,
        zoomControl: false,
        dragging: false,
        center: new L.LatLng(49.2604, -123.1140),
	zoom: 13,
	minZoom: 10,
	maxZoom: 18,
	layers: [layer],
	 });
  for (var i = 0; i < vancouver_commuter_2011.length; i++) {
    L.polygon([[vancouver_commuter_2011[i][0], vancouver_commuter_2011[i][1]]], {weight: 3}).addTo(map);
  }
}
</script>
        <style type="text/css">
            #map {
                width: 800px;
                height: 600px;
            }
        </style>
    </head>
    <body onload="initialize()">
        <div id="map">
        </div>
    </body>
</html>
</head>