- Adding min-zoom to the map object (we already have max-zoom)

- Adding the details to the readme file
This commit is contained in:
Andrew Slack
2023-03-08 17:29:31 +01:00
parent d048a599bf
commit 374ffb30c5
3 changed files with 25 additions and 0 deletions

View File

@@ -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: