Skip to content

Instantly share code, notes, and snippets.

@feomike

feomike/index.html

Last active December 19, 2015 23:19
Show Gist options
  • Save feomike/6034167 to your computer and use it in GitHub Desktop.
Save feomike/6034167 to your computer and use it in GitHub Desktop.
Download ZIP
mapbox.js composting example
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.

Raw
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment