cnx-public/vue-google-maps-community-fork
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve docs

Browse Source
This commit is contained in:
Fawad Mirzad
2021-02-14 10:20:05 +01:00
parent d31bff5ab7
commit 66bdd9a93b
1 changed files with 8 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
docs/src/components/info-window.md
View File

@@ -3,30 +3,13 @@ You can create info window by passing custom HTML or Vue components as the child
```vue ```vue
<GmapMap> <GmapMap>
<GmapMarker <GmapMarker
:geoCoordinates="[ :key="index"
{ v-for="(m, index) in markers"
lat: 51.2432981,
lng: 6.7950981
}
]"
> >
<div>I am info window. I appear, when you click a marker</div> <GmapInfoWindow>
</GmapMarker> <div>I am in info window <MyComponent/>
</GmapMap> </div>
``` </GmapInfoWindow>
</GmapMarker>
## Center markers automatically </GmapMap>
To center markers so that all the markers are visible, use:
```vue
<GoogleMap>
<Marker
:centerAutomatically="false"
:geoCoordinates="[
{
lat: 51.2432981,
lng: 6.7950981
}
]"
/>
</GoogleMap>
``` ```