tristen · April 4, 2012 15:08
diff --git a/gistfile1.html b/gistfile1.html
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>Wax Interactivity</title>
 </head>
 <body>
  <style>
    #map {
      width: 100%;
      height: 360px;
    }
    .wax-tooltip {
      z-index:999999;
      position:absolute;
      background:#333;
      color:#fff;
      padding:10px;
      -webkit-user-select:auto;
      left:10px;
      top:10px;
      max-width:300px;
      opacity:1;
      -webkit-transition:opacity 150ms;
      -moz-transition:opacity 150ms;
      }
    .wax-fade { opacity:0; }
  </style>
  <div id='map'></div>
  <script src='https://raw.github.com/mapbox/wax/master/ext/modestmaps.min.js'></script>
  <script src='https://raw.github.com/mapbox/wax/master/dist/wax.mm.min.js'></script>
 	<script>
    var url = 'http://api.tiles.mapbox.com/v3/tristen.cdi-base-layer.jsonp';
    wax.tilejson(url, function(tilejson) {
      var map = new MM.Map('map', new wax.mm.connector(tilejson));

      wax.mm.interaction()
        .map(map)
        .tilejson(tilejson)
        .on(wax.tooltip().animate(true).parent(map.parent).events());

      map.setCenterZoom({ lat: 37.61, lon: 268.068 }, 4);
      tilejson.minzoom = 4;
      tilejson.maxzoom = 7;
      }
    );
 	</script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>Wax Interactivity</title>
	</head>
	<body>
	<style>
	#map {
	width: 100%;
	height: 360px;
	}
	.wax-tooltip {
	z-index:999999;
	position:absolute;
	background:#333;
	color:#fff;
	padding:10px;
	-webkit-user-select:auto;
	left:10px;
	top:10px;
	max-width:300px;
	opacity:1;
	-webkit-transition:opacity 150ms;
	-moz-transition:opacity 150ms;
	}
	.wax-fade { opacity:0; }
	</style>
	<div id='map'></div>
	<script src='https://raw.github.com/mapbox/wax/master/ext/modestmaps.min.js'></script>
	<script src='https://raw.github.com/mapbox/wax/master/dist/wax.mm.min.js'></script>
	<script>
	var url = 'http://api.tiles.mapbox.com/v3/tristen.cdi-base-layer.jsonp';
	wax.tilejson(url, function(tilejson) {
	var map = new MM.Map('map', new wax.mm.connector(tilejson));

	wax.mm.interaction()
	.map(map)
	.tilejson(tilejson)
	.on(wax.tooltip().animate(true).parent(map.parent).events());

	map.setCenterZoom({ lat: 37.61, lon: 268.068 }, 4);
	tilejson.minzoom = 4;
	tilejson.maxzoom = 7;
	}
	);
	</script>
	</body>
	</html>