以这个报表为例
2、 DOM布局要求：地图组件/蒙版为平级 ，scale-layout里的内容分为上下左右四个div写，分别定位，dom代码如下
3、 CSS样式要求：主要用到pointer-events: none;（就是让地图里这个点击事件可以继续能够点击到，还不影响蒙版的遮罩），代码如下
.CriminalVisual {
width: 100%;
height: 100%;
background-color: red;----------这里需要和蒙版颜色相似的颜色，作为填充左右两边的空白（因为蒙版不能设置在这里的，所以不是全屏下，两边会有空白）
//蒙版
.big-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../image/ditu.png") no-repeat;
background-size: 100% 100%;
pointer-events: none; -----------------------重要的是这句
z-index: 1;
}
// scale-layout 样式需要修改
.layout{
position: absolute;
top: 0;
left: 0;
z-index: 88;
}
//地图
.apbox{
width: 100%;
height: 100%;
}
}
