百度地图开发自定义信息窗口openInfoWindow样式

 

 

//-------------地图默认弹框
/*地图标题 infoWindow*/
// .BMap_bubble_title {
//     color: #fff;
//     font-size: 16px;
//     font-weight: bold;
//     text-align: left;
//     background: transparent !important;
// }

.BMap_pop .BMap_top {
    background: rgba(7,44,76, .8) !important;
    border: 0 !important;
}

.BMap_pop .BMap_center {
    // width: 281px !important;
    border: 0 !important;
    background: rgba(7,44,76, .8) !important;
}

.BMap_pop .BMap_bottom {
    border: 0 !important;
    background: rgba(7,44,76, .8) !important;
}

.BMap_pop div:nth-child(3) {
    background: transparent !important;
}

.BMap_pop div:nth-child(3) div {
    border-radius: 3px;
    background: rgba(7,44,76, .8) !important;
    border: 0 !important;
}

.BMap_pop div:nth-child(1) {
    border-radius: 3px 0 0 0;
    background: transparent !important;
    border: 0 !important;
}

.BMap_pop div:nth-child(1) div {
    background: rgba(7,44,76, .8) !important;
}

.BMap_pop div:nth-child(5) {
    border-radius: 0 0 0 3px;
    background: transparent !important;
    border: 0 !important;
}

.BMap_pop div:nth-child(5) div {
    border-radius: 3px;
    background: rgba(7,44,76, .8) !important;
}

.BMap_pop div:nth-child(7) {
    background: transparent !important;
    // left: 226px;
}

.BMap_pop div:nth-child(7) div {
    border-radius: 3px;
    background: rgba(7,44,76, .8) !important;
}

/*替换箭头*/
img[src="http://api.map.baidu.com/images/iw3.png"] {
    // content: url('../images/iw3.png');
    width:1px !important;
    height: 1px !important;
}

img[src="https://api.map.baidu.com/images/iw3.png"] {
    opacity: 0.7;
    // margin-top: -692px !important;
    filter: alpha(opacity=70);
    // content: url('../images/iw3.png');
    width:1px !important;
    height: 1px !important;
}
.anchorBL {
    display: none;
}