谷歌地圖infoWindows的css樣式表

Question

在我的web應用程序中，我在google地圖中顯示infoWindows。

默認設計是非常原始的，我想有更好的東西。

是否有可用的CSS樣式表，我可以包含它，它爲infoWindows提供了很好的樣式？

到目前爲止我還沒有發現任何有用的東西。

謝謝！

Answer 1

寫CSS的信息窗口

<style type="text/css"> 
    .info-win { 
     padding: 5px; 
     width: 350px; 
     overflow: hidden; 
     line-height: 1.8; 
     font-weight: bold; 
     margin: 0; 
    } 
</style> 

創建包含HTML元素，然後將其設置爲信息窗口的內容的字符串。

var htmlcontent = '<div class="info-win"><span><p style="background:#CCDF31;padding:3px 5px;color:#000;">Info Win Design</p></span></div>'; 

    var infowindow = new google.maps.InfoWindow({ 
      content: htmlcontent 
     });