zoukankan      html  css  js  c++  java
  • 百度地图开发自定义信息窗口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;
    }
  • 相关阅读:
    MySQL CREATE EVENT创建任务计划 定时执行任务
    MYSQL 的一些基本操作
    PHP mktime() 函数
    php格式化数字:位数不足前面加0补足
    浅析大数据量高并发的数据库优化
    使用SquirrelMQ打造一个千万级数据更新量的应用
    MySQL行锁深入研究
    MySQL 学习笔记 一
    利用C#操作配置文件(转)
    每个分类取最新的几条的SQL实现(转载记录)
  • 原文地址:https://www.cnblogs.com/Byme/p/14953592.html
Copyright © 2011-2022 走看看