new

gabesnider · Sep 16, 2016 · acac673 · acac673
1 parent 82b5df3
commit acac673
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 14 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/travelleaflet/.DS_Store b/travelleaflet/.DS_Store
diff --git a/travelleaflet/index.html b/travelleaflet/index.html
@@ -34,8 +34,18 @@
 
   <script>
 
-
-
+  	var map = L.map('map').setView([38.88911, -77.00639], 16), touch;
+
+    L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+      subdomains: 'abc',
+      maxZoom: 18
+  }).addTo(map);
+
+    map.fitWorld();
+
+    var layer = new L.TileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
+    noWrap: true
+});
   </script>
 
 </body>

diff --git a/leaflet/leaflet-src.js → travelleaflet/leaflet-src.js b/leaflet/leaflet-src.js → travelleaflet/leaflet-src.js
diff --git a/leaflet/leaflet.js → travelleaflet/leaflet.js b/leaflet/leaflet.js → travelleaflet/leaflet.js
diff --git a/unit_10/index.html b/unit_10/index.html
@@ -60,13 +60,18 @@ <h1>skills + experience</h1>
 				<p>I made a simulation Black Jack game in Java with object oriented programming using inheritance and mutliple classes. I recently built a tracking map with Leaflet.JS, APIs, and Open Street Maps. <a href="https://gabesnider.github.io/leaflet/index.html"><b>Check it out.</b></a></p>
 			</div>
 		</div>
+		<div id="travelleaflet">
+			<script>
+
+			</script>
+		</div>
 	</section>
 	<section id="headcontact">
 		<h1>contact</h1>
 		<div id="contact">
 			<div class="contact-pic"></div>
 			<div id="contactcontent">
-				<p>You can reach me through <a href="mailto:[email protected]"><b>email</b></a>. Check out my <a href="https://github.com/gabesnider"><b>GitHub</b></a>. Connect with me on <a href="https://www.linkedin.com/in/gabrielsnider"><b>LinkedIn</b></a>.Rather than say goodbye, I say Hello World!
+				<p>You can reach me through <a href="mailto:[email protected]"><b>email</b></a>. Check out my <a href="https://github.com/gabesnider"><b>GitHub</b></a>. Connect with me on <a href="https://www.linkedin.com/in/gabrielsnider"><b>LinkedIn</b></a>. Rather than say goodbye, I say Hello World!
 				</p>
 			</div>
 		</div>

diff --git a/unit_10/js/leaflet.js b/unit_10/js/leaflet.js
diff --git a/unit_10/style.css b/unit_10/style.css
@@ -1,6 +1,4 @@
-@import url(http://fonts.googleapis.com/css?family=Montserrat);
 * { margin:0; padding:0; box-sizing:border-box; transition: all .2s ease-in;}
-
 body {
 	text-align: center;
 	font-family: "Muli", sans-serif;