In webkit browsers, v3 google maps do not respect container's border-radius. Anyone have a workaround?

Question

I have two google maps. The first is created using the Google Maps API (v3) and contained in #map1. The second is displayed in an iframe using the suggested embed syntax fro

Answer 1

This worked for me:

-webkit-transform: translate3d(0px, 0px, 0px);
-webkit-mask-image: -webkit-radial-gradient(white, black);