Applying styles to google maps

[VictorCostaOliveira]

If you want to styling your maps like https://developers.google.com/maps/documentation/javascript/styling, you can pass to GmapMap options prop the style array who you want to apply.

Like this:

<template>
  <div class="my-app-map">
    <GmapMap
      ref="mapRef"
      :center="mapCenter"
      :zoom="15"
      map-type-id="roadmap"
      :options="mapOptions"
      style="height: 500px"
     />
  </div>
</template>
<script>
export default {
  name: 'MyAppMap',
  data() {
    return {
      mapOptions: {
        zoomControll: true,
        mapTypeControl: false,
        styles: [
          {
             featureType: 'all',
             elementType: 'all',
             anotherConfigsToGoogleMapsStyle,
          }
        ],
      }
    }
  }
}
</script>

Done, your map has your personalized styles.