如何在Google Map V3中製作infowindow的圓角？

我目前正在使用Google Map的API V3創建具有多個標記的地圖。點擊標記觸發InfoWindow的顯示，描述後者的細節。如何在Google Map V3中製作infowindow的圓角？

我需要知道如何在Google Map的API V2中製作InfoWindow輪的角？

2012-08-16 user1603417

檢查此答案http://stackoverflow.com/questions/3860277/google-maps-how-to-create-a-custom-infowindow – Jorge 2012-08-16 14:31:29

infobubble可讓您創建自定義infowindows並配置它們（幾乎）您喜歡的方式。

來源

2012-08-16 15:42:37 geocodezip

我試過解決方案infoBubble，它的工作在FireFox，但在IE瀏覽器它doesn'工作！這裏是我基於的代碼的一個簡單示例。謝謝您告訴我需要在此代碼中添加什麼 – user1603417 2012-08-17 13:36:38

是否應該有鏈接？也許編輯你的問題，包括它。 – geocodezip 2012-08-17 13:38:17

您無法自定義現有InfoWindow的css，但可以使用更可自定義的東西替換它。我喜歡InfoBox，因爲它與常規的InfoWIndow非常相似，但具有更多的樣式選項。 InfoBox實際上是與地理編碼鏈接到的Google Maps Utility Library相同的一部分。我建議下載並查看哪一個最適合您的需求。

google-maps-utility-library-v3

來源

2012-08-17 00:28:31 xcer

我使用此代碼作爲骯髒的黑客來實現：

google.maps.event.addListener(this._w, 'domready', function() { 
$('#map .bubbleContent') 
    .parent().parent().parent().prev() 
    .css('borderRadius', 5); 
});

此代碼使用的jQuery（也可以做寬度平原JS）。選擇器#map .bubbleContent找到我放入infoWindow的HTML內容的包裝div。 #map是我的地圖容器，只是爲了確保不要從地圖中選擇任何div。

注意！ 每當Google更改infowindow的標記時，此代碼可能會中斷。

來源

2012-08-17 22:08:24 LeJared

如何在Google Map V3中製作infowindow的圓角？

回答

相關問題