谷歌地图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 
     });