diff --git a/app/static/js/map.js b/app/static/js/map.js
new file mode 100644
index 00000000..f1a9260a
--- /dev/null
+++ b/app/static/js/map.js
@@ -0,0 +1,51 @@
+mapLink =
+ 'Esri';
+
+wholink =
+ 'i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community';
+
+var esri = L.tileLayer(
+ 'http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
+ attribution: '© '+mapLink+', '+wholink,
+ maxZoom: 18,
+});
+
+var positron = L.tileLayer(
+ "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png", {
+ attribution: '© OpenStreetMap contributors, © CartoDB',
+});
+
+var wmsLayer = L.tileLayer.wms('https://map.bgs.ac.uk/arcgis/services/AGS/AGS_Export/MapServer/WMSServer?', {
+ layers: 'Boreholes',
+ format: 'image/png',
+ transparent: true,
+ attribution: "AGS Data from British Geological Survey",
+});
+
+var agsboreholes = L.featureGroup
+.ogcApi("https://ogcapi.bgs.ac.uk/", {
+ collection: "agsboreholeindex",
+ onEachFeature: function (feat, layer) {
+ var properties = feat.properties;
+ var popupContent = "AGS Borehole Information
" +
+ "BGS LOCA ID: " + properties.bgs_loca_id + "
" +
+ "Depth (m): " + properties.loca_fdep + "
" +
+ "Project Name: " + properties.proj_name + "
" +
+ "Project Engineer: " + properties.proj_eng + "
" +
+ "Project Contractor: " + properties.proj_cont + "
" +
+ "Original LOCA ID: " + properties.loca_id + "
" +
+ "AGS Graphical Log: " + "View" + "
" +
+ "AGS Submission Record (raw data): " + "View" + "
";
+ layer.bindPopup(popupContent);
+ },
+});
+
+var map = L.map("map", {
+ center: [54.093409, -2.89479],
+ zoom: 6,
+ layers: [esri, positron, wmsLayer, agsboreholes]
+});
+
+agsboreholes.once("ready", function (ev) {
+ map.fitBounds(agsboreholes.getBounds());
+});
diff --git a/app/templates/_base.html b/app/templates/_base.html
index 442f2c21..35a3de51 100644
--- a/app/templates/_base.html
+++ b/app/templates/_base.html
@@ -19,24 +19,14 @@
+
+
+
-
-
-
-
-
-
@@ -478,30 +468,8 @@ Policies & legal
});
}
-
+
+