From dbfd03f9ffda4d27bb402fedf1ba13d6f627d564 Mon Sep 17 00:00:00 2001
From: Jon <hello@jonshutt.com>
Date: Wed, 24 May 2017 14:26:03 +0100
Subject: [PATCH] Create demo.html

---
 demo.html | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 demo.html
diff --git a/demo.html b/demo.html
new file mode 100644
index 0000000..cd83d2c
--- /dev/null
+++ 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>
