feomike/index.html

## readme.md

      
    Raw
  

              readme.md
            
          
    this example demonstrates composting, where we link two mapbox tiles together in one map add statement.  the use case is great for on the fly map compositions because you are then not creating another mapcomp in your mapbox account.

  
## index.html
<!DOCTYPE html>
<html>
<head>
	<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
  	<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
  	<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
	<style>
    	body { margin:0; padding:0; }
    	#map { position:absolute; top:0; bottom:0; width:100%; }
  	</style>
</head>
<body>
<div id='map'></div>
<script type='text/javascript'>
        //string multiple maps in the next statement
	L.mapbox.map('map', 'fcc.map-kzt95hy6,fcc.school_fiber')
        .setView([40, -94.50], 4);;
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
	<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
	<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
	<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
	</style>
	</head>
	<body>
	<div id='map'></div>
	<script type='text/javascript'>
	//string multiple maps in the next statement
	L.mapbox.map('map', 'fcc.map-kzt95hy6,fcc.school_fiber')
	.setView([40, -94.50], 4);;
	</script>
	</body>
	</html>