谷歌地图infoWindows的css-stylesheet

Question

在我的网络应用程序中，我在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
        });