Commit 34dbed6f authored by Fawad Mirzad's avatar Fawad Mirzad
Browse files

Update docs

parent 0d3f550c

components/Map.vue

+21 −12
Original line number Diff line number Diff line
@@ -23,14 +23,16 @@ export default { 
    style: {

      default: []

    },

    disableDefaultUI: {

      type: Boolean,

    },

    options: {

      zoomControl: true,

      mapTypeControl: false,

      scaleControl: false,

      streetViewControl: false,

      rotateControl: false,

      mapTypeControl: true,

      scaleControl: true,

      streetViewControl: true,

      rotateControl: true,

      fullscreenControl: true,

      disableDefaultUI: false

    }

  },

  setup: function(props) {
@@ -52,12 +54,25 @@ export default { 
      ]

    });



    let uiOptions = {}



    if(props.disableDefaultUI) {

      uiOptions = {

        disableDefaultUI: true

      }

    } else {

      uiOptions = props.options

    }



    const additionalOptions = {...props.options};



    const mapPromise = mapsLoader.load().then(() => {

      const map = new google.maps.Map(mapContainer.value, {

        zoom: props.zoom,

        style: props.style,

        center: new google.maps.LatLng(38.423733, 27.142826),

        mapTypeId: "terrain"

        mapTypeId: "terrain",

        ...uiOptions

      });

      return map;

    });
@@ -70,9 +85,3 @@ export default { 
  }

};

</script>
 


<style>

#map {

  height: 80vh;

}

</style>

docs/src/.vuepress/components/Foo/Bar.vue

deleted100755 → 0
+0 −15
Original line number Diff line number Diff line 
<template>

  <p class="demo">

    {{ msg }}

  </p>

</template>



<script>

  export default {

    data () {

      return {

        msg: 'Hello this is <Foo-Bar>'

      }

    }

  }

</script>

docs/src/.vuepress/components/OtherComponent.vue

deleted100755 → 0
+0 −3
Original line number Diff line number Diff line 
<template>

  <p class="demo">This is another component</p>

</template>

docs/src/.vuepress/components/demo-component.vue

deleted100755 → 0
+0 −15
Original line number Diff line number Diff line 
<template>

  <p class="demo">

    {{ msg }}

  </p>

</template>



<script>

  export default {

    data() {

      return {

        msg: 'Hello this is <demo-component>'

      }

    }

  }

</script>

docs/src/components/map.md

+31 −21
Original line number Diff line number Diff line
@@ -2,30 +2,40 @@ 


## Install



to install it via NPM 

```bash

npm install -S @fawmi/vue-google-maps

```

You can also install via Yarn

```bash

yarn add @fawmi/vue-google-maps

```



## Example

Here is a basic example 

This is the base Map component. If no props are provided, it shows an empty map component with default controls. 



```javascript

import { createApp } from 'vue'

import googleMap from '@fawmi/vue-google-maps'

import App from './App.vue';



const googleMapOption = {

    apiKey: 'here_comes_your_api_key',

}

  <GoogleMap />

```



const app = createApp(App);

## Provide your own style

You can provide custom map styling as prop.



app.use(googleMap, googleMapOption)

app.mount('#app')

You can generate custom map styles at  [https://mapstyle.withgoogle.com/](https://mapstyle.withgoogle.com/)

```javascript

  <GoogleMap

      :style="mapStyles"

  />

```



## Disable ui elements

You can disable all ui components at once 

```javascript

  <GoogleMap

      :disableDefaultUI="true"

  />

```

You can also disable specific UI components



```vue

  <GoogleMap

      :options="{

                      zoomControl: true,

                      mapTypeControl: true,

                      scaleControl: true,

                      streetViewControl: true,

                      rotateControl: true,

                      fullscreenControl: true,

                    }"

  />

```
 
 No newline at end of file