谷歌地圖圈無法在谷歌Chrome邊界 - 半徑溢出

我正在製作一個谷歌地圖在我的頁腳的圓形。我能夠使它適用於Mozilla和IE，但我在使用Chrome時遇到問題。從我做的研究人員，問題是邊界半徑不適用於Chrome或溢出：隱藏;不幸的是我無法解決這個問題。谷歌地圖圈無法在谷歌Chrome邊界 - 半徑溢出

這是一個網站的鏈接，地圖位於頁腳。 WEBSITE

這裏是我的地圖自定義CSS：Mozzilla和Chrome瀏覽器中比較

.custommap{ 
border: 5px solid #fff; 
overflow:hidden; 
border-radius:999px; 
-moz-border-radius:999px; 
-webkit-border-radius:999px; 
-o-border-radius:999px; 
width: 18% !important; 
height: 16em !important; 
}

這裏同時圖像

來源

2016-01-04 brainiac080195

這JSFiddle似乎對我的工作Chrome，使用您的.custommap。類。

來源

2016-01-04 15:56:04 remdevtec

我使用wordpress，所以不包括css的代碼不是可編輯的atm。所以我試圖添加文本元素，並添加html代碼。這複製了我的問題。這裏是JSFiddle [鏈接]（http://jsfiddle.net/1kgpx2qt/） – brainiac080195

您沒有將custommap類設置爲gmap_canvas div。 – remdevtec

[這是我做之後的結果] http://jsfiddle.net/1kgpx2qt/1/ – remdevtec

谷歌地圖圈無法在谷歌Chrome邊界 - 半徑溢出

回答

相關問題