diff --git a/docs/src/components/map.md b/docs/src/components/map.md index 45992f7..0077e0a 100644 --- a/docs/src/components/map.md +++ b/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 + +``` + +- 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: diff --git a/src/components/map.vue b/src/components/map.vue index bbfe431..9f6539e 100644 --- a/src/components/map.vue +++ b/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,