Replace google maps with Open Street Maps.

2 files changed, 21 insertions, 19 deletions

diff --git a/static/js/gmaps.init.js b/static/js/gmaps.init.js
deleted file mode 100644
index 79b6c29..0000000
--- a/static/js/gmaps.init.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/* global GMaps: true */
-
-$(document).ready(function() {
-  if ($('#map').length) {
-    initMap();
-  }
-});
-
-function initMap() {
-  if ($('#map').length){
-    var myloc = { lat: Number($("#gmap-lat").val()), lng: Number($("#gmap-lng").val()) };
-    console.log(myloc);
-    var map = new google.maps.Map(document.getElementById("map"), {
-      zoom: Number($("#gmap-zoom").val()),
-      center: myloc
-    });
-    var marker = new google.maps.Marker({ position: myloc, map: map });
-  }
-}
diff --git a/static/js/osmaps.init.js b/static/js/osmaps.init.js
new file mode 100644
index 0000000..7a54cd3
--- /dev/null
+++ b/static/js/osmaps.init.js
@@ -0,0 +1,21 @@
+$(document).ready(function() {
+  if ($("#map").length) {
+    initMap();
+  }
+});
+
+function initMap() {
+  var loc = [Number($("#map-lat").val()), Number($("#map-lng").val())];
+  var mymap = L.map("map").setView(loc, Number($("#map-zoom").val()));
+  L.tileLayer(
+    "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+    {
+      attribution:
+        'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+      maxZoom: 18,
+      id: "mapbox.streets",
+      accessToken: "your.mapbox.access.token"
+    }
+  ).addTo(mymap);
+  var marker = L.marker(loc).addTo(mymap);
+}