是否可以將Google地圖顯示爲圓形？

我有一個我正在編碼的設計，並且在聯繫人頁面上地圖應該是一個圓圈。他們希望使用Google地圖。是否可以將Google地圖顯示爲圓形？

有什麼辦法可以達到這個目的嗎？

注意：希望它成爲谷歌地圖的主要原因是搜索引擎優化 - 它會真正幫助排名還是安全使用圖像？

謝謝

2013-06-04 Elisabeth Sadler

[類似問題]（http://stackoverflow.com/questions/6332002/how-to-insert-a-googlemap-in-a-div-with-mask） – geocodezip

當你在這個頁面上擔心seo時，我寧願建議您使用[微格式]（http://support.google.com/webmasters/bin/answer.py?hl=zh-CN&answer=146897）並使用透明png掩碼或border-radius屬性嵌入靜態地圖。 [這裏是]（http://stackoverflow.com/questions/13484135/google-maps-api-v3-with-rounded-corner）裏面的CSS解決方案相關的問題。 – icanhazbroccoli

它非常簡單..... 你可以創建圓形格...

這裏是代碼...

CSS：

#yourDivId { 
     width: 100px; 
     height: 100px; 
     border-radius: 999px; 
     -moz-border-radius: 999px; 
     -khtml-border-radius: 999px; 
     -webkit-border-radius: 999px; 
}

Javascript：

var map = new google.Maps.Map(document.getElementById("yourDivId"),mapOptions);

來源

2013-06-05 03:42:58

這顯然不適用於IE，這是大多數商業集成的關注點。 – superluminary

它將工作IE9以上，因爲border-radius是一個CSS3功能。對於較早的版本，您需要制定一些方法來顯示具有透明背景的圓形圖像，然後將地圖div放置在其下方。 –

是否可以將Google地圖顯示爲圓形？

回答

相關問題