Google maps Safari不将边界radious应用于GMAP

我对Safari有一个问题，它的著名bug与边界无线电和圆角有关。我将把一个Gmap放在一个圆圈内，当然，我的代码适用于除Safari之外的所有浏览器。我就是无法解决

这是我的密码

CSS:

HTML:

我知道这个问题已经被问过了，但我还不能用这些解决方案来解决。我提出了一个新问题，因为我认为这可能是一个与谷歌地图相关的问题，我还没有看到任何关于这个问题的话题

提前谢谢

编辑：

检查此选项是否可行

#map-container {
  position: relative;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 9999; 
}

#map-container.round-center {
  overflow: hidden;
  height: 350px;
  width: 350px;
  border-radius: 175px;
  -webkit-border-radius: 175px;
  -ms-border-radius: 175px; 
}

#map-container #map {
  position: absolute;
  height: 350px;
  width: 350px;
  border-radius: 175px;
  -webkit-border-radius: 175px;
  -ms-border-radius: 175px; 
}

<div id="map-container" class="round-center">
  <div id="map"></div>
</div>

function loadmap() {
    var mapOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 8,
        disableDefaultUI: true 
    };
    var map = new google.maps.Map(document.getElementById("map"),
        mapOptions);
}

loadmap();