Ryan Cooper maptastik

You'll need to set up a simple web document (see html-setup.html below)
Add leaflet css and js (3-4)
Add the map's container. In this case, it's #mapdiv. (10)
Add basic style for map the map container (5-7)
Set the initial view of the map (24)
Grab the base layer tiles from their source and them to the map (26-33)
Include data. In this case we're putting some geoJSON data straight into our HTML document. (13-22)
Grab the geoJSON data from, give it a popup, and add the data to the map. (35-42)

	<!DOCTYPE html>
	<html>
	<head>
	<style id="jsbin-css">
	body {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	background-color: #27ae60;
	}

	<html>
	<head>
	<title>Leaflet Squirrel - Step 0</title>
	<style>
	#map{ height: 100% }
	</style>
	</head>
	<body>
	<div id="map"></div>
	</body>

	<html>
	<head>
	<title>Leaflet Squirrel - Step 1</title>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<style>
	#map{ height: 100% }
	</style>
	</head>
	<body>

	<html>
	<head>
	<title>Leaflet Squirrel - Part 2</title>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<style>
	#map{ height: 100% }
	</style>
	</head>

	<html>
	<head>
	<title>Leaflet Squirrel - Step 3</title>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<style>
	#map{ height: 100% }
	</style>
	</head>

	<html>
	<head>
	<title>Leaflet Squirrel - Step 4</title>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<style>
	#map{ height: 100% }
	</style>
	</head>

	<html>
	<head>
	<title>Leaflet Squirrel - Part 5</title>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<style>
	#map{ height: 100% }
	</style>
	</head>

	<html>
	<head>
	<title>Leaflet Squirrel - Part 6</title>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<style>
	#map{ height: 100% }
	</style>
	</head>