Merge pull request #58 from NathanAP/adding-min-zoom-to-maps-component

Adding min zoom to maps component

docs/src/components/map.md

@@ -104,6 +104,22 @@ You can also disable specific UI components:
 />
 ```
 
+## Max and Min Zoom
+
+You can set the maximum and minimum zoom levels for the map:
+
+```html
+<GMapMap
+  :center="{lat: 51.093048, lng: 6.842120}"
+  :zoom="7"
+  :maxZoom="10"
+  :minZoom="5" />
+```
+
+- Max zoom specifies how far the user can zoom in, 18-20 is normally the max.
+- Min zoom is how far they can zoom out, 0-3 is normally the min.
+
+
 ## Access Google Maps instance
 
 You can easily access the Map instance by accessing `ref` in your component:

src/components/map.vue

@@ -36,6 +36,12 @@ const props = {
     type: Number,
     noBind: true,
   },
+  minZoom: {
+    required: false,
+    twoWay: true,
+    type: Number,
+    noBind: true,
+  },
   heading: {
     type: Number,
     twoWay: true,