管道基础大数据平台系统开发-【前端】-新系統界面
584911253@qq.com
2023-03-22 208f09ade28eeb3a2111f5f198c2e1ef84ec8069
src/components/mapsdk.vue
@@ -297,7 +297,7 @@
          </div>
        </el-card>
      </div>
      <div style="display: flex">
<!--      <div style="display: flex;">-->
        <div
          class="changeTerrain"
          @click="changeTerrainLayer"
@@ -308,9 +308,10 @@
            class="mapTerrain"
          ></div>
        </div>
<!--      class="center CenDiv"-->
        <div
          @click="changeMenulayer"
          class="center CenDiv"
          class="changeLayer"
        >
          <div
            title="底图切换"
@@ -329,7 +330,7 @@
            :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"
          ></div>
        </div>
      </div>
<!--      </div>-->
      <!-- 坡度分析弹窗-->
      <div
        class="lengend"
@@ -1812,65 +1813,109 @@
.mapBaseMap {
  width: 100%;
  height: 100%;
  margin-left: 10px;
  background-image: url("../assets/img/synthesis/底图.png");
  //margin-left: 10px;
  background-image: url("../assets/img/basemap.png");
  //background-image: url("../assets/img/synthesis/底图.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.changeMapType {
  position: absolute;
  bottom: 1%;
  left: calc(1% + 150px);
  height: 40px;
  width: 60px;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
  // box-shadow: 3px 3px 6px #666;
  //border: 1px solid rgba(204, 204, 204, 0.76);
  border-radius: 5px;
  cursor: pointer;
}
//.changeMapType {
//  position: absolute;
//  bottom: 1%;
//  left: calc(1% + 150px);
//  height: 40px;
//  width: 60px;
//  z-index: 101;
//  display: flex;
//  justify-content: center;
//  align-items: center;
//  // box-shadow: 3px 3px 6px #666;
//  //border: 1px solid rgba(204, 204, 204, 0.76);
//  border-radius: 5px;
//
//  cursor: pointer;
//}
.changeTerrain {
  position: absolute;
  bottom: 1%;
  left: 1%;
  height: 40px;
  width: 60px;
  bottom: 84px;
  right: 46px;
  height: 30px;
  width: 30px;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.5);
}
.changeLayer{
  position: absolute;
  bottom: 116px;
  right: 46px;
  height: 30px;
  width: 30px;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.5);
}
.changeMapType {
  position: absolute;
  bottom: 52px;
  right: 46px;
  height: 30px;
  width: 30px;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.5);
}
//.changeTerrain {
//  position: absolute;
//  bottom: 1%;
//  left: 1%;
//  height: 40px;
//  width: 60px;
//  z-index: 101;
//  display: flex;
//  justify-content: center;
//  align-items: center;
//
//  border-radius: 5px;
//  cursor: pointer;
//}
.mapTypeTwo {
  width: 100%;
  height: 100%;
  margin-left: 10px;
  background-image: url("../assets/img/synthesis/3D.png");
  background-image: url("../assets/img/3D.png");
  //background-image: url("../assets/img/synthesis/3D.png");
  background-repeat: no-repeat;
  background-size: contain;
  //background-size: contain;
}
.mapTerrain {
  width: 100%;
  height: 100%;
  margin-left: 10px;
  background-image: url("../assets/img/synthesis/地形.png");
  //margin-left: 10px;
  //background-image: url("../assets/img/synthesis/地形.png");
  //background-image: url("../assets/img/synthesis/地形.png");
  background-image: url("../assets/img/terrain.png");
  background-repeat: no-repeat;
  background-size: contain;
  //background-size: contain;
}
.mapTypeThree {
  width: 100%;
  height: 100%;
  margin-left: 10px;
  background-image: url("../assets/img/synthesis/2D 拷贝 2.png");
  //margin-left: 10px;
  background-image: url("../assets/img/2D.png");
  background-repeat: no-repeat;
  background-size: contain;
  //background-size: contain;
}
.pdfClass {