Skip to content

Instantly share code, notes, and snippets.

@joshuahouston

joshuahouston/index.html

Last active August 29, 2015 14:21
Show Gist options
  • Save joshuahouston/41c5570a6eff8f0e74a1 to your computer and use it in GitHub Desktop.
Save joshuahouston/41c5570a6eff8f0e74a1 to your computer and use it in GitHub Desktop.
Download ZIP
Bathymetry
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Bathymetry</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
}
</style>
</head>
<body>
<script src='https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.24.0/L.Control.Locate.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.24.0/L.Control.Locate.css' rel='stylesheet' />
<!--[if lt IE 9]>
<link href='https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.21.0/L.Control.Locate.ie.css' rel='stylesheet' />
<![endif]-->
<style>
.leaflet-control-locate {
border:1px solid rgba(0,0,0,0.4);
}
.leaflet-control-locate a {
background-color:#fff;
background-position:-3px, -2px;
}
.leaflet-control-locate.active a {
background-position:-33px -2px;
}
</style>
<div id='map'></div>
<script>
L.mapbox.accessToken = 'pk.eyJ1IjoiamZhY3RvcnkiLCJhIjoiZXdJam1yZyJ9.-AOTWD0gk1_3wuciI3DbsQ';
var map = L.mapbox.map('map', 'jfactory.0f36usor').setView([57.125, -135.318], 12);
L.control.locate().addTo(map);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment