Update readme file

This commit is contained in:
Fawad Mirzad
2021-02-15 06:30:56 +01:00
parent 902e2860f4
commit 7913f47e19

View File

@@ -6,7 +6,7 @@ Set of mostly used Google Maps components for Vue.js.
We heavily use Google Maps in our projects, so I wanted to have a well maintained Google Maps library.
## Documentation
Checkout https://vue-map.netlify.app for a detailed documentation
Checkout [vue-map.netlify.app](https://vue-map.netlify.app) for a detailed documentation
## Installation
You can install it using npm
@@ -19,7 +19,7 @@ You need an API Key. Learn how to [get an Api key ](https://developers.google.co
### Configure Vue to use the Components
In your `main.js` or inside a Nuxt plugin:
In your `main.js`
```js
import { createApp } from 'vue'
@@ -147,12 +147,12 @@ Checkout docs for more component
If you want to access `google map` object, you can access it by getting ref of the map object.
```vue
<template>
<GMapMarker ref="myMarker" />
<GMapMap ref="myMapRef" />
</template>
<script>
export default {
mounted() {
console.log(this.$refs.myMarker)
console.log(this.$refs.myMapRef)
}
}
</script>
@@ -176,5 +176,9 @@ See [MapOptions](https://developers.google.com/maps/documentation/javascript/ref
</GMapMap>
```
## More components
Many other components are also supported. Checkout [docs](https://vue-map.netlify.app) for more.
## Contributions
The best way to contribute is to report reproducible bugs, but feature requests and improvement suggestions are always welcome too. And definitely bug fixes and PR are welcome.