title: vue2-google-maps custom styles
body: <pre><code>&lt;template&gt;
   &lt;gmap-map
    :center="center"
    :zoom="11"
    :options="mapStyle"
    style="height: 60vh;"
   &gt;
    &lt;gmap-marker
     :key="index"
     v-for="(m, index) in markers"
     :position="m.position"
     :clickable="true"
     :draggable="true"
     @click="center=m.position"&gt;
    &lt;/gmap-marker&gt;
   &lt;/gmap-map&gt;
  &lt;/template&gt;
  
  import * as VueGoogleMaps from 'vue2-google-maps';
  import Vue from 'vue';
  
  Vue.use(VueGoogleMaps, {
    load: {
      key: 'AIzaSyB3Dll79BdxJTlWtovrOnP2Vx4IUlSOlGg'
    },
  });
  
  export default {
    data() {
      return {
        center: {lat: 40.731266336572205 , lng: -73.99026142354683},
        markers: [
          {
            position: {lat: 40.731266336572205 , lng: -73.99026142354683},
          }],
      };
    },
  };
  </code></pre>
  
  <p>On my page I will use Google Maps. That's no problem and this code works, but is this possible to set custom colors on the map? Let's say like here: <a href="https://developers.google.com/maps/documentation/javascript/examples/style-array" rel="nofollow noreferrer">enter link description here</a>. With Google Maps JavaScript this is very simple but how to get the same effect with vue2-Google-maps?? Some props or something?</p>