• 百度地图开发自定义信息窗口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;
    }
  • 相关阅读:
    外媒评Mate 10 Pro:智慧拍照惊人,续航能力卓越
    pv(PageView)的解释
    pv(PageView)的解释
    pv(PageView)的解释
    pv(PageView)的解释
    对包含HttpContext.Current.Cache的代码进行单元测试
    读取excel模板填充数据 并合并相同文本单元格
    css
    Aragon:以太坊上的去中心化自治组织管理应用
    Futarchy: 对价值投票,对赌信念
  • 原文地址:https://www.cnblogs.com/Byme/p/14953592.html
Copyright © 2020-2023  润新知