Squashed commit of the following:

commit f00503ad21200f49b360b64297e6969768721ff6
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Fri Nov 25 15:58:53 2016 +0000

    Update changelog

commit dc0e92b0b9085609525ec937d21625ddca5350d7
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Fri Nov 25 15:58:17 2016 +0000

    gulp derived assets

commit 78501ee5ffe39ca0c96539d5406fcdc4170176c4
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Fri Nov 25 15:57:47 2016 +0000

    Add navigation controls, fixes #37

changelog.md

@@ -4,6 +4,7 @@
   - improved contact h-cards
   - Better look in /contacts
   - h-cards now have person-tags (issue#36)
+  - maps now have zoom controls (issue#37)
 
 ## Version 0.0.16.1 (2016-11-22)
   - Break words

public/assets/js/maps.js

@@ -1,2 +1,2 @@
-var mapDivs=document.querySelectorAll(".map");mapboxgl.accessToken="pk.eyJ1Ijoiam9ubnliYXJuZXMiLCJhIjoiY2l2cDhjYW04MDAwcjJ0cG1uZnhqcm82ayJ9.qA2zeVA-nsoMh9IFrd5KQw";for(var i=0;i<mapDivs.length;i++){var mapDiv=mapDivs[i],latitude=mapDiv.dataset.latitude,longitude=mapDiv.dataset.longitude,el=document.createElement("div");el.classList.add("marker");var mapMenu=document.createElement("div");mapMenu.classList.add("map-menu");var streetsInput=document.createElement("input");streetsInput.setAttribute("id","streets"),streetsInput.setAttribute("type","radio"),streetsInput.setAttribute("name","toggle"),streetsInput.setAttribute("value","streets"),streetsInput.setAttribute("checked","checked"),streetsInput.addEventListener("click",function(){map.setStyle("mapbox://styles/mapbox/streets-v9")});var streetsLabel=document.createElement("label");streetsLabel.setAttribute("for","streets"),streetsLabel.appendChild(document.createTextNode("Streets"));var satelliteInput=document.createElement("input");satelliteInput.setAttribute("id","satellite"),satelliteInput.setAttribute("type","radio"),satelliteInput.setAttribute("name","toggle"),satelliteInput.setAttribute("value","streets"),satelliteInput.addEventListener("click",function(){map.setStyle("mapbox://styles/mapbox/satellite-v9")});var satelliteLabel=document.createElement("label");satelliteLabel.setAttribute("for","satellite"),satelliteLabel.appendChild(document.createTextNode("Satellite")),mapMenu.appendChild(streetsInput),mapMenu.appendChild(streetsLabel),mapMenu.appendChild(satelliteInput),mapMenu.appendChild(satelliteLabel);var map=new mapboxgl.Map({container:mapDiv,style:"mapbox://styles/mapbox/streets-v9",center:[longitude,latitude],zoom:15,scrollZoom:!1});new mapboxgl.Marker(el,{offset:[-10,-20]}).setLngLat([longitude,latitude]).addTo(map),mapDiv.appendChild(mapMenu)}
+var mapDivs=document.querySelectorAll(".map");mapboxgl.accessToken="pk.eyJ1Ijoiam9ubnliYXJuZXMiLCJhIjoiY2l2cDhjYW04MDAwcjJ0cG1uZnhqcm82ayJ9.qA2zeVA-nsoMh9IFrd5KQw";for(var i=0;i<mapDivs.length;i++){var mapDiv=mapDivs[i],latitude=mapDiv.dataset.latitude,longitude=mapDiv.dataset.longitude,el=document.createElement("div");el.classList.add("marker");var mapMenu=document.createElement("div");mapMenu.classList.add("map-menu");var streetsInput=document.createElement("input");streetsInput.setAttribute("id","streets"),streetsInput.setAttribute("type","radio"),streetsInput.setAttribute("name","toggle"),streetsInput.setAttribute("value","streets"),streetsInput.setAttribute("checked","checked"),streetsInput.addEventListener("click",function(){map.setStyle("mapbox://styles/mapbox/streets-v9")});var streetsLabel=document.createElement("label");streetsLabel.setAttribute("for","streets"),streetsLabel.appendChild(document.createTextNode("Streets"));var satelliteInput=document.createElement("input");satelliteInput.setAttribute("id","satellite"),satelliteInput.setAttribute("type","radio"),satelliteInput.setAttribute("name","toggle"),satelliteInput.setAttribute("value","streets"),satelliteInput.addEventListener("click",function(){map.setStyle("mapbox://styles/mapbox/satellite-v9")});var satelliteLabel=document.createElement("label");satelliteLabel.setAttribute("for","satellite"),satelliteLabel.appendChild(document.createTextNode("Satellite")),mapMenu.appendChild(streetsInput),mapMenu.appendChild(streetsLabel),mapMenu.appendChild(satelliteInput),mapMenu.appendChild(satelliteLabel);var map=new mapboxgl.Map({container:mapDiv,style:"mapbox://styles/mapbox/streets-v9",center:[longitude,latitude],zoom:15,scrollZoom:!1});map.addControl(new mapboxgl.NavigationControl),new mapboxgl.Marker(el,{offset:[-10,-20]}).setLngLat([longitude,latitude]).addTo(map),mapDiv.appendChild(mapMenu)}
 //# sourceMappingURL=maps/maps.js.map

public/assets/js/maps/maps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["maps.js"],"names":["mapDivs","document","querySelectorAll","mapboxgl","accessToken","i","length","mapDiv","latitude","dataset","longitude","el","createElement","classList","add","mapMenu","streetsInput","setAttribute","addEventListener","map","setStyle","streetsLabel","appendChild","createTextNode","satelliteInput","satelliteLabel","Map","container","style","center","zoom","scrollZoom","Marker","offset","setLngLat","addTo"],"mappings":"AAEA,GAAIA,SAAUC,SAASC,iBAAiB,OACxCC,UAASC,YAAc,gGACvB,KAAK,GAAIC,GAAI,EAAGA,EAAIL,QAAQM,OAAQD,IAAK,CACrC,GAAIE,QAASP,QAAQK,GACjBG,SAAWD,OAAOE,QAAQD,SAC1BE,UAAaH,OAAOE,QAAQC,UAC5BC,GAAKV,SAASW,cAAc,MAChCD,IAAGE,UAAUC,IAAI,SACjB,IAAIC,SAAUd,SAASW,cAAc,MACrCG,SAAQF,UAAUC,IAAI,WACtB,IAAIE,cAAef,SAASW,cAAc,QAC1CI,cAAaC,aAAa,KAAM,WAChCD,aAAaC,aAAa,OAAQ,SAClCD,aAAaC,aAAa,OAAQ,UAClCD,aAAaC,aAAa,QAAS,WACnCD,aAAaC,aAAa,UAAW,WACrCD,aAAaE,iBAAiB,QAAS,WACnCC,IAAIC,SAAS,sCAEjB,IAAIC,cAAepB,SAASW,cAAc,QAC1CS,cAAaJ,aAAa,MAAO,WACjCI,aAAaC,YAAYrB,SAASsB,eAAe,WACjD,IAAIC,gBAAiBvB,SAASW,cAAc,QAC5CY,gBAAeP,aAAa,KAAM,aAClCO,eAAeP,aAAa,OAAQ,SACpCO,eAAeP,aAAa,OAAQ,UACpCO,eAAeP,aAAa,QAAS,WACrCO,eAAeN,iBAAiB,QAAS,WACrCC,IAAIC,SAAS,wCAEjB,IAAIK,gBAAiBxB,SAASW,cAAc,QAC5Ca,gBAAeR,aAAa,MAAO,aACnCQ,eAAeH,YAAYrB,SAASsB,eAAe,cACnDR,QAAQO,YAAYN,cACpBD,QAAQO,YAAYD,cACpBN,QAAQO,YAAYE,gBACpBT,QAAQO,YAAYG,eACpB,IAAIN,KAAM,GAAIhB,UAASuB,KACnBC,UAAWpB,OACXqB,MAAO,oCACPC,QAASnB,UAAWF,UACpBsB,KAAM,GACNC,YAAY,GAEhB,IAAI5B,UAAS6B,OAAOrB,IAAKsB,SAAS,IAAK,MAAOC,WAAWxB,UAAWF,WAAW2B,MAAMhB,KACrFZ,OAAOe,YAAYP","file":"../maps.js","sourcesContent":["/* global mapboxgl */\n//This code runs on page load and looks for <div class=\"map\">, then adds map\nvar mapDivs = document.querySelectorAll('.map');\nmapboxgl.accessToken = 'pk.eyJ1Ijoiam9ubnliYXJuZXMiLCJhIjoiY2l2cDhjYW04MDAwcjJ0cG1uZnhqcm82ayJ9.qA2zeVA-nsoMh9IFrd5KQw';\nfor (var i = 0; i < mapDivs.length; i++) {\n    var mapDiv = mapDivs[i];\n    var latitude = mapDiv.dataset.latitude;\n    var longitude  = mapDiv.dataset.longitude;\n    var el = document.createElement('div');\n    el.classList.add('marker');\n    var mapMenu = document.createElement('div');\n    mapMenu.classList.add('map-menu');\n    var streetsInput = document.createElement('input');\n    streetsInput.setAttribute('id', 'streets');\n    streetsInput.setAttribute('type', 'radio');\n    streetsInput.setAttribute('name', 'toggle');\n    streetsInput.setAttribute('value', 'streets');\n    streetsInput.setAttribute('checked', 'checked');\n    streetsInput.addEventListener('click', function () {\n        map.setStyle('mapbox://styles/mapbox/streets-v9');\n    });\n    var streetsLabel = document.createElement('label');\n    streetsLabel.setAttribute('for', 'streets');\n    streetsLabel.appendChild(document.createTextNode('Streets'));\n    var satelliteInput = document.createElement('input');\n    satelliteInput.setAttribute('id', 'satellite');\n    satelliteInput.setAttribute('type', 'radio');\n    satelliteInput.setAttribute('name', 'toggle');\n    satelliteInput.setAttribute('value', 'streets');\n    satelliteInput.addEventListener('click', function () {\n        map.setStyle('mapbox://styles/mapbox/satellite-v9');\n    });\n    var satelliteLabel = document.createElement('label');\n    satelliteLabel.setAttribute('for', 'satellite');\n    satelliteLabel.appendChild(document.createTextNode('Satellite'));\n    mapMenu.appendChild(streetsInput);\n    mapMenu.appendChild(streetsLabel);\n    mapMenu.appendChild(satelliteInput);\n    mapMenu.appendChild(satelliteLabel);\n    var map = new mapboxgl.Map({\n        container: mapDiv,\n        style: 'mapbox://styles/mapbox/streets-v9',\n        center: [longitude, latitude],\n        zoom: 15,\n        scrollZoom: false\n    });\n    new mapboxgl.Marker(el, {offset: [-10, -20]}).setLngLat([longitude, latitude]).addTo(map);\n    mapDiv.appendChild(mapMenu);\n}\n"]}
+{"version":3,"sources":["maps.js"],"names":["mapDivs","document","querySelectorAll","mapboxgl","accessToken","i","length","mapDiv","latitude","dataset","longitude","el","createElement","classList","add","mapMenu","streetsInput","setAttribute","addEventListener","map","setStyle","streetsLabel","appendChild","createTextNode","satelliteInput","satelliteLabel","Map","container","style","center","zoom","scrollZoom","addControl","NavigationControl","Marker","offset","setLngLat","addTo"],"mappings":"AAEA,GAAIA,SAAUC,SAASC,iBAAiB,OACxCC,UAASC,YAAc,gGACvB,KAAK,GAAIC,GAAI,EAAGA,EAAIL,QAAQM,OAAQD,IAAK,CACrC,GAAIE,QAASP,QAAQK,GACjBG,SAAWD,OAAOE,QAAQD,SAC1BE,UAAaH,OAAOE,QAAQC,UAC5BC,GAAKV,SAASW,cAAc,MAChCD,IAAGE,UAAUC,IAAI,SACjB,IAAIC,SAAUd,SAASW,cAAc,MACrCG,SAAQF,UAAUC,IAAI,WACtB,IAAIE,cAAef,SAASW,cAAc,QAC1CI,cAAaC,aAAa,KAAM,WAChCD,aAAaC,aAAa,OAAQ,SAClCD,aAAaC,aAAa,OAAQ,UAClCD,aAAaC,aAAa,QAAS,WACnCD,aAAaC,aAAa,UAAW,WACrCD,aAAaE,iBAAiB,QAAS,WACnCC,IAAIC,SAAS,sCAEjB,IAAIC,cAAepB,SAASW,cAAc,QAC1CS,cAAaJ,aAAa,MAAO,WACjCI,aAAaC,YAAYrB,SAASsB,eAAe,WACjD,IAAIC,gBAAiBvB,SAASW,cAAc,QAC5CY,gBAAeP,aAAa,KAAM,aAClCO,eAAeP,aAAa,OAAQ,SACpCO,eAAeP,aAAa,OAAQ,UACpCO,eAAeP,aAAa,QAAS,WACrCO,eAAeN,iBAAiB,QAAS,WACrCC,IAAIC,SAAS,wCAEjB,IAAIK,gBAAiBxB,SAASW,cAAc,QAC5Ca,gBAAeR,aAAa,MAAO,aACnCQ,eAAeH,YAAYrB,SAASsB,eAAe,cACnDR,QAAQO,YAAYN,cACpBD,QAAQO,YAAYD,cACpBN,QAAQO,YAAYE,gBACpBT,QAAQO,YAAYG,eACpB,IAAIN,KAAM,GAAIhB,UAASuB,KACnBC,UAAWpB,OACXqB,MAAO,oCACPC,QAASnB,UAAWF,UACpBsB,KAAM,GACNC,YAAY,GAEhBZ,KAAIa,WAAW,GAAI7B,UAAS8B,mBAC5B,GAAI9B,UAAS+B,OAAOvB,IAAKwB,SAAS,IAAK,MAAOC,WAAW1B,UAAWF,WAAW6B,MAAMlB,KACrFZ,OAAOe,YAAYP","file":"../maps.js","sourcesContent":["/* global mapboxgl */\n//This code runs on page load and looks for <div class=\"map\">, then adds map\nvar mapDivs = document.querySelectorAll('.map');\nmapboxgl.accessToken = 'pk.eyJ1Ijoiam9ubnliYXJuZXMiLCJhIjoiY2l2cDhjYW04MDAwcjJ0cG1uZnhqcm82ayJ9.qA2zeVA-nsoMh9IFrd5KQw';\nfor (var i = 0; i < mapDivs.length; i++) {\n    var mapDiv = mapDivs[i];\n    var latitude = mapDiv.dataset.latitude;\n    var longitude  = mapDiv.dataset.longitude;\n    var el = document.createElement('div');\n    el.classList.add('marker');\n    var mapMenu = document.createElement('div');\n    mapMenu.classList.add('map-menu');\n    var streetsInput = document.createElement('input');\n    streetsInput.setAttribute('id', 'streets');\n    streetsInput.setAttribute('type', 'radio');\n    streetsInput.setAttribute('name', 'toggle');\n    streetsInput.setAttribute('value', 'streets');\n    streetsInput.setAttribute('checked', 'checked');\n    streetsInput.addEventListener('click', function () {\n        map.setStyle('mapbox://styles/mapbox/streets-v9');\n    });\n    var streetsLabel = document.createElement('label');\n    streetsLabel.setAttribute('for', 'streets');\n    streetsLabel.appendChild(document.createTextNode('Streets'));\n    var satelliteInput = document.createElement('input');\n    satelliteInput.setAttribute('id', 'satellite');\n    satelliteInput.setAttribute('type', 'radio');\n    satelliteInput.setAttribute('name', 'toggle');\n    satelliteInput.setAttribute('value', 'streets');\n    satelliteInput.addEventListener('click', function () {\n        map.setStyle('mapbox://styles/mapbox/satellite-v9');\n    });\n    var satelliteLabel = document.createElement('label');\n    satelliteLabel.setAttribute('for', 'satellite');\n    satelliteLabel.appendChild(document.createTextNode('Satellite'));\n    mapMenu.appendChild(streetsInput);\n    mapMenu.appendChild(streetsLabel);\n    mapMenu.appendChild(satelliteInput);\n    mapMenu.appendChild(satelliteLabel);\n    var map = new mapboxgl.Map({\n        container: mapDiv,\n        style: 'mapbox://styles/mapbox/streets-v9',\n        center: [longitude, latitude],\n        zoom: 15,\n        scrollZoom: false\n    });\n    map.addControl(new mapboxgl.NavigationControl());\n    new mapboxgl.Marker(el, {offset: [-10, -20]}).setLngLat([longitude, latitude]).addTo(map);\n    mapDiv.appendChild(mapMenu);\n}\n"]}

resources/assets/js/maps.js

@@ -44,6 +44,7 @@ for (var i = 0; i < mapDivs.length; i++) {
         zoom: 15,
         scrollZoom: false
     });
+    map.addControl(new mapboxgl.NavigationControl());
     new mapboxgl.Marker(el, {offset: [-10, -20]}).setLngLat([longitude, latitude]).addTo(map);
     mapDiv.appendChild(mapMenu);
 }

resources/assets/js/newnote.js

@@ -67,6 +67,7 @@ function addMap(latitude, longitude, places) {
         center: [longitude, latitude],
         zoom: 15
     });
+    map.addControl(new mapboxgl.NavigationControl());
     //create the current location marker
     var el = document.createElement('div');
     el.classList.add('marker');