travelmap/index.html at master · colemanm/travelmap · 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
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>2011 travel map | @colemanm</title>
        <script type="text/javascript" src="js/modestmaps.js"></script>
		<script type="text/javascript" src="js/modestmaps-tms.js"></script>
		<script type="text/javascript" src="js/wax.mm.js"></script>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/controls.css" />
		<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
        <script type="text/javascript">
          var mm = com.modestmaps;
          var url = 'http://a.tiles.mapbox.com/v3/colemanm.travelmap.jsonp';

          wax.tilejson(url, function(tilejson) {
            var m = new mm.Map('map',
              new wax.mm.connector(tilejson),
              new mm.Point(950,550));

            m.setCenterZoom(new mm.Location(38, -95.5), 4);
            wax.mm.zoomer(m).appendTo(m.parent);
            wax.mm.interaction(m, tilejson);
          })
		</script>
		<script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-32705988-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
    </head>
	<body>
		<div id="header">
			<h1>TRAVELS OF 2011 : <a href="http://twitter.com/colemanm">@colemanm</a></h1>
			<p>Places I ventured during 2011. Flights are represented in <span class="blue">blue</span>, drives in <span class="orange">orange</span>.</p>
			<p class="subheading">(primarily an experiment in generating <a href="http://en.wikipedia.org/wiki/Great_circle">great circle</a> routes.)</p>
		</div>
		<div id="map" class="shadow"></div>
		<div id="meta">
			<p>Built with <a href="http://mapbox.com/tilemill/">TileMill</a>, <a href="http://mapbox.com/wax/">wax</a>, <a href="http://mapbox.com/">MapBox Hosting</a>, <a href="https://github.com/springmeyer/arc.js">arc.js</a>, and <a href="http://www.qgis.org/">QGIS</a>. Read more on <a href="https://github.com/colemanm/travelmap/">GitHub</a>.<p>
		</div>
    </body>
</html>