Configuring maxbounds in config to allow pan to not snap out of center

src/components/Map.jsx

@@ -78,6 +78,7 @@ class Map extends React.Component {
      * Creates a Leaflet map and a tilelayer for the map background
      */
     const { map: mapConf } = this.props.app
+    console.info(mapConf.maxBounds)
     const map =
       L.map(this.props.ui.dom.map)
         .setView(mapConf.anchor, mapConf.startZoom)

src/store/initial.js

@@ -48,8 +48,8 @@ const initial = {
     map: {
       anchor: [31.356397, 34.784818],
       startZoom: 11,
-      minZoom: 0,
-      maxZoom: 20,
+      minZoom: 2,
+      maxZoom: 16,
       bounds: null,
       maxBounds: [[180, -180], [-180, 180]],
       clusterRadius: 30