Skip to content

Instantly share code, notes, and snippets.

@ryantroyford

ryantroyford/index.html

Last active December 21, 2015 23:29
Show Gist options
  • Save ryantroyford/6382908 to your computer and use it in GitHub Desktop.
Save ryantroyford/6382908 to your computer and use it in GitHub Desktop.
Download ZIP
new mapbox attribution wordmark
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
<style>
body {
margin:0; padding:0;
font:15px/1.67 'Helvetica Neue', Helvetica, Arial, sans-serif;
-webkit-font-smoothing:antialiased;
}
#map { position:absolute; top:0; bottom:0; width:100%; }
.map-attribution {
left: auto;
right: 0;
color: #036;
}
a {
color: #036;
text-decoration: none;
}
</style>
</head>
<body>
<div id='map'>
<!-- Start mapbox watermark -->
<a href="http://mapbox.com/about/maps/" target="_blank" style="
position:absolute;
left:5px; bottom:5px;
z-index:99999;
display:block;
width:65px;
height:20px;
background-position:0px -30px;
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat;
background-image:url('http://i.imgur.com/2FCp151.png');
">MapBox</a>
<!-- End mapbox watermark -->
</div>
<script>
var map = mapbox.map('map');
map.addLayer(mapbox.layer().id('lxbarth.map-lxoorpwz'));
map.centerzoom({ lat: 40, lon: 10 }, 3);
map.ui.attribution.add()
.content('<a href="http://openstreetmap.org/copyright">© OpenStreetMap contributors</a> ');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment