Merge pull request #1 from zuck/feat-map-min-max-zoom

Add minZoom and maxZoom props to Map
dattn · Feb 23, 2017 · 0ed0ddd · 0ed0ddd
2 parents bdde062 + aa0be6a
commit 0ed0ddd
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/src/components/Map.vue b/src/components/Map.vue
@@ -36,11 +36,24 @@
       zoom: {
         type: Number,
         default: 13
+      },
+
+      minZoom: {
+        type: Number
+      },
+
+      maxZoom: {
+        type: Number
       }
     },
 
     mounted () {
-      this.$map = Leaflet.map(this.$refs.map).setView(this.position, this.zoom)
+      this.$map = Leaflet.map(this.$refs.map, {
+        center: this.position,
+        zoom: this.zoom,
+        minZoom: this.minZoom,
+        maxZoom: this.maxZoom
+      })
 
       // passthru events
       const mapEvents = [
@@ -76,6 +89,14 @@
       zoom (zoom) {
         this.$map.setZoom(zoom)
       },
+      
+      minZoom (minZoom) {
+        this.$map.setMinZoom(minZoom)
+      },
+      
+      maxZoom (maxZoom) {
+        this.$map.setMaxZoom(maxZoom)
+      },
 
       position (position) {
         this.$map.panTo({