Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
谷歌地图信息窗口的css样式表_Css_Google Maps_Infowindow - Fatal编程技术网

谷歌地图信息窗口的css样式表

谷歌地图信息窗口的css样式表,css,google-maps,infowindow,Css,Google Maps,Infowindow,在我的web应用程序中,我在谷歌地图中显示信息窗口 默认的设计非常原始,我想要更好的 是否有一个css样式表,我可以包括,它提供了很好的风格的信息窗口 到目前为止,我还没有发现任何有用的东西 谢谢 为信息窗口编写Css <style type="text/css"> .info-win { padding: 5px; width: 350px; overflow: hidden; line-height: 1.8

在我的web应用程序中,我在谷歌地图中显示信息窗口

默认的设计非常原始,我想要更好的

是否有一个css样式表,我可以包括,它提供了很好的风格的信息窗口

到目前为止,我还没有发现任何有用的东西


谢谢

为信息窗口编写Css

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

.info赢{
填充物:5px;
宽度:350px;
溢出:隐藏;
线高:1.8;
字体大小:粗体;
保证金:0;
}
创建一个包含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
        });
var-htmlcontent='>Info-Win-Design

'; var infowindow=new google.maps.infowindow({ 内容:htmlcontent });