Google Map border and border-radius

[bookofbash]

I was working on a project and I wanted a border: 4px solid white & border-radius: 25px.

The only way I could do this was to navigate to node_modules > vue2-google-maps > dist > components > map.vue and change the styling

.vue-map-container {
  position: relative;
  border: 4px solid white ;
  border-radius: 25px;
}

.vue-map-container .vue-map {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 25px;
    position: absolute;
}

Is there a better way? I think that when the distribution is updated, I will lose my changes.

[jmkuf]

Hey @bookofbash could you solve it?

I am using vue2-google-maps and facing the same problem.

[jmkuf]

<gmap style="overflow: hidden; xx: xx;'>