Create demo.html

jonshutt · May 24, 2017 · dbfd03f · dbfd03f
1 parent 25ae142
commit dbfd03f
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/demo.html b/demo.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>L.OSGraticule Demo</title>
+	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
+	<style type="text/css">
+		html, body { width: 100%; height: 100%; margin: 0; }
+		#map { width: 100%; height: 100%; }
+	</style>
+</head>
+
+<body>
+	<div id="map"></div>
+	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
+	<script type="text/javascript" src="L.OSGraticule.js"></script>
+
+	<script type="text/javascript">
+
+    var map = L.map('map',{
+  		center: [56.7969, -5.0036],
+  		zoom: 14,
+  	});
+
+    L.tileLayer(
+      // 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+      'http://{s}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png', {
+        maxZoom: 18,
+      }).addTo(map);
+
+	L.osGraticule().addTo(map);
+
+
+
+	</script>
+</body>
+</html>