/**
 * 所有地图图层
 */
 import React, { Component } from 'react';
 export default class AllMapLayer extends Component {
   constructor(props) {
     super(props);
     this.state = {
       
     };
   }
 
   componentDidMount() {
   }
   componentWillReceiveProps(props) {
   }

   render() {
     const { layerSatatus,showEarchMap } = this.props
     let currentLayerSatatus = showEarchMap?'earth':layerSatatus;
      // currentLayerSatatus = layerSatatus;
     // let layerSatatus = "earth"
     return (
       <div style={{height: '100%'}}>
         {/* 驻勤点图层 */}
         <div
           style={{
             width: innerWidth,
             // height: 'calc(100vh - 72px)',
             height: "calc(100vh)",
             // height: "100%",
             display:
               currentLayerSatatus === "attendance" ? "block" : "none",
           }}
           className="App"
           id="map_container"
         ></div>
         {/* 一张图图层 */}
         <div
           style={{
             width: innerWidth,
            //  height: "calc(100vh)",
             height: "100%",
             display: currentLayerSatatus === "aPicture" ? "block" : "none",
           }}
           className="App"
           id="map_container2"
         ></div>
         {/* 人员图层 */}
         <div
           style={{
             width: innerWidth,
             height: "calc(100vh)",
             display: currentLayerSatatus === "person" ? "block" : "none",
           }}
           className="App"
           id="map_container3"
         ></div>
         {/* 警保联动图层 */}
         <div
           style={{
             width: innerWidth,
             height: "calc(100vh)",
             display: currentLayerSatatus === "police" ? "block" : "none",
           }}
           className="App"
           id="map_container4"
         ></div>
         {/* 警保联动图层 */}
         <div
           style={{
             width: innerWidth,
             height: "calc(100vh)",
             display: currentLayerSatatus === "nanNing" ? "block" : "none",
           }}
           className="App"
           id="map_container5"
         ></div>
          {/* 地球图层 */}
          <div
            style={{
              width: '100%',
              // height: "calc(100vh)",
              height: '100%',
              display: currentLayerSatatus === "earth" ? "block" : "none",
              // opacity: currentLayerSatatus === "earth"? 1: 0,
              // transition: '2s all ease-in',
              zIndex:20
            }}
            className="App anchorBL"
            id="map_container6"
          ></div>
       </div>
     );
   }
 }