Mobile usability

front/index.html

@@ -4,6 +4,8 @@
         <meta charset="utf-8">
         <title>TaM</title>
 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
         <style>
             body, html
             {

front/index.js

@@ -1,4 +1,6 @@
 const L = require('leaflet');
+const color = require('color');
+
 require('leaflet/dist/leaflet.css');
 
 // MAP
@@ -12,11 +14,15 @@ streetmap.org/">OpenStreetMap</a>, <a href="https://creativecommons.org/\
 licenses/by-sa/2.0/">CC-BY-SA</a>`,
         'Imagerie © <a href="https://www.mapbox.com/">Mapbox</a>',
     ].join(' | '),
-    maxZoom: 18,
-    tileSize: 512,
-    zoomOffset: -1,
+
     id: 'mapbox/streets-v11',
-    accessToken: 'pk.eyJ1IjoibWF0dGVvZGVsYWJyZSIsImEiOiJjazUxaWNsdXcwdWhjM29tc2xndXJoNGtxIn0.xELwMerqJLFimIqU6RxnZw'
+    tileSize: 512,
+
+    accessToken: 'pk.eyJ1IjoibWF0dGVvZGVsYWJyZSIsImEiOiJjazUxaWNsdXcwdWhjM29tc2xndXJoNGtxIn0.xELwMerqJLFimIqU6RxnZw',
+
+    maxZoom: 18,
+    zoomSnap: 0,
+    zoomOffset: -1,
 }).addTo(map);
 
 // </MAP>