Skip to content

Instantly share code, notes, and snippets.

@tbuckl

tbuckl/index.html

Last active May 21, 2017 21:43
Show Gist options
  • Save tbuckl/e4d561aa1bf3bb386d79b8f7ccd6fab5 to your computer and use it in GitHub Desktop.
Save tbuckl/e4d561aa1bf3bb386d79b8f7ccd6fab5 to your computer and use it in GitHub Desktop.
Download ZIP
Bay Area Bathymetry
Raw
readme.md

A map of bathymetry near the bay area.

Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Ocean</title>
<!-- Load Leaflet from CDN-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/leaflet/1.0.0-rc.3/leaflet.css" />
<script src="https://cdn.jsdelivr.net/leaflet/1.0.0-rc.3/leaflet-src.js"></script>
<!-- Load Esri Leaflet from CDN -->
<script src="https://cdn.jsdelivr.net/leaflet.esri/2.0.2/esri-leaflet.js"></script>
<script>
function init(){
var map = L.map("map").setView([37.8199286,-122.4782551], 15);
L.esri.basemapLayer("Oceans").addTo(map);
L.esri.basemapLayer('OceansLabels').addTo(map);
L.control.scale().addTo(map);
}
</script>
<style>
body {
padding: 0;
margin: 0;
}
html, body, #map {
height: 100%;
width: 100%;
}
}
</style>
</head>
<body onload='init()'>
<div id='map'></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment