Skip to content

Instantly share code, notes, and snippets.

@lxbarth
Last active December 17, 2015 10:28
Show Gist options
  • Save lxbarth/5594964 to your computer and use it in GitHub Desktop.
Save lxbarth/5594964 to your computer and use it in GitHub Desktop.
Generic MapBox logo attribution.
<!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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAyCAMAAADWQ11hAAADAFBMVEX///8kJCQgICAgICAAAAAAAADR0dGmpqbp6embm5v09PTg4OAgICAAAADp6ekgICDn5+fq6uohISH////9/f319fX///8fHx/+/v7m5uYAAAAgICAhISH////r6+u5ubkAAAAAAAAgICAAAAAAAAD09PT39/f///8AAAD8/Pz8/PwAAAD////MzMz6+voAAAD8/Pz///8hISEAAAAfHx////////8AAADp6ekfHx+Li4sAAAD9/f3p6en9/f1hYWH7+/vu7u79/f0AAADz8/MAAADz8/P4+PiYmJjx8fHX19f7+/v8/Pzv7+/j4+Pk5OTm5ubm5uahoaH///8gICD5+fno6Ojd3d2YmJj8/Pz///8AAACysrJVVVVMTEy3t7d2dnbe3t7y8vLGxsbGxsb4+PgAAAC9vb2NjY2ioqL29vb5+fnBwcHLy8tjY2O1tbX///+1tbUwMDCzs7MAAAD39/fs7OzOzs5HR0fk5OT5+fna2tq3t7eTk5MAAAD9/f3Ozs7X19cAAADe3t4UFBTv7+/o6Ojm5uYAAAC8vLzs7Ozq6uoAAADy8vL29vaCgoLq6urT09Pi4uL19fXt7e3l5eXj4+Pg4ODi4uKenp729vbk5OTX19dzc3P6+vr///+pqalNTU06Ojq4uLhxcXHKysrj4+Pp6ekAAADMzMwAAADb29vHx8f6+voAAACEhISkpKTJycnr6+vi4uIpKSnJycnj4+Pp6ekAAAC0tLQvLy+vr6////+srKxcXFzGxsa9vb34+Pj29vaioqKJiYmqqqoGBgb5+fm9vb28vLzw8PAAAADz8/P7+/sAAAAAAADq6uoAAAAkJCQODg7h4eH+/v7///8HBwfExMQsLCz////9/f0XFxf6+vrGxsb////R0dF0dHSzs7MtLS1VVVWpqan////5+fmPj4/Y2Njq6ur29vakpKTk5OTn5+fn5+fm5ubv7+/29vbq6urU1NTx8fGTk5P19fXz8/MAAADw8PDt7e3BwcEAAAD///////8sCe0qAAAA/3RSTlMAHMXgBAfNh+Rp8tupS7jJYdG0/vwyGGr9RwaHZAnoIQEhqhsD8fQCR/rjRBUF9g77CmYk0yITHeSiaAU5O/14Ruj6Au0N8fF03M6i5+t1wtjgqiTV67PYkvASJ5E2S7leS++XvvUtFSFa8vaxNkshBqkwfzwbL8sQ3MqvVDU187+YGnkYx5YUEmq8dwnw73LdyqDn6WK+zN6O6qzTju8PkShUrUZbnMIgfRiPvPU0NFqcydwZxy0XOXMmlQQlUDGq9vJSDQMo8r6R7UHi+EZjzEoVSVT+A0UeXQ37C/kbFl9WtmcqkhHwfdOt65Xf1L1m6emcyt1v8PALd7yMFgHZFrZPAAADUElEQVRIx+3UZ0wUQRQH8Ad3tIMTZRAQpAjCAWIXjA0RIzaiYokFCYoFRaxfFAsW7BDsGkRBsWE0scSK2GIFxX6W2HvBhgoay/2d3buTwxx3JJDoB96HmcnOm9/MzswuUXVUx/8fUke7vnaOUuOJJjYmOtXfiqfE1sVW4mncsZGYcsDEVGKjp9NRUldK0roSR+OrMeWOWOjptLMV1iG1taMKOeUo1NdFrFxaUIWccpQ/q2lVOUa7N80q91KakypvlopusXBvWrRqZmrcMXjgulNV4vrpODZV8VEYnqU6quOfxGn3WJW6dXt8ff0po2LdY40x+8GGio3lQBe9GR17AWjUc7pBxpyh+CavDygBC5W+DDNL+NwHnBYZZDBG2YNItRdjYEH6Gdbu3ow9iJEaZPb4dc6kG4hYrWFcHRwcXIl4GaBdTW1efcUu9YimYvkwQJ3rqmVWxWNr7kW0riEwuUnFTnwr1qhO8RLnth3QMhMKvPfx9IPphVibvoByvJXJRIM+scFapuazuLufscxZYBpeAZrIRsCarGAv8wH8HglMyIuQH9jEs4+PAOyB1OP0ivnVpsXoP/cPQ0d4+mYSmNkIGxbVcrrIvPfKHt0NcQ84o2QMd7cQNVyKhMM5hxPQ60zKTtY1GanHqJS5Zol4D4Exi8N2/qyOyNTiGz+lH/vJmRNvJ1oHOyXRbtiP5/1H7XGKcooYkEY6DJW4bSSB2YVGTXUZoh1slnpvFpawIo88fBAHfUAeUWvgS0oZxvksiUyUMjSoLDMfOzUnRUWY8RzzxEHzsIF3BaPwRRlGDM7Mycf3MsyEDDzXMKqXiBoCFsibgQyPFe2Cgy1RQy8jHYCMkJulTFB3rJyUIjCKtt2Zm1fz15gaSH2mwrxl5gpsOnYSH/UxqsjzDDP9w0Um1N+fIay9M19NuP9AJ+bTvr4iKwIYCLzLojewNvFIQ8FB9eBo76EaZnbYEqKR6ye7yWSy/eK9+WYdfacxmZnzB/n9nzxtzK/i9d6vO6zrfavN2LiV4xTUabhsmnrwBV9nDfNLHsnLTiMbyOXyBmTFEuRXD9UTvnDhga/Y5OGVeClxDlFz+QXht5It9zX8A9GcVGWjipjHMdMUVcBEXk6sePJvwClGj9yI0yQAAAAASUVORK5CYII=');
">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">Map data: OpenStreetMap</a> ');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment