P2022036_Web2.git

			@@ -12,8 +12,14 @@
			></div>

			</div>
			<div @click="changeMapType" class="changeMapType">
			<div id="cenBg" :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"></div>
			<div
			@click="changeMapType"
			class="changeMapType"
			>
			<div
			id="cenBg"
			:class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"
			></div>
			</div>
			</div>
			<!-- <div-->
			@@ -27,7 +33,10 @@
			<!-- ></div>-->

			<!-- </div>-->
			<div v-show="$store.state.isNaviget" class="sindagis-map-compass">
			<div
			v-show="$store.state.isNaviget"
			class="sindagis-map-compass"
			>
			<span
			class="left"
			@click="leftClick"
			@@ -84,6 +93,7 @@
			});
			},
			methods: {

			init2DMap() {
			var vectorLayer = new TileLayer({
			source: new XYZ({
			@@ -102,6 +112,7 @@
			center: [105.02, 34.9] ,
			zoom: 4,
			projection: "EPSG:4326",
			minZoom: 4,
			}),
			controls: defaultControls().extend([
			new FullScreen(),
			@@ -123,7 +134,7 @@

			//二维/三维地图切换
			changeMapType(){
			// debugger
			//
			this.show2DMap = !this.show2DMap;
			//二维
			if (this.show2DMap){
			@@ -326,16 +337,16 @@
			display: flex;
			justify-content: center;
			align-items: center;
			box-shadow: 3px 3px 6px #666;
			// box-shadow: 3px 3px 6px #666;
			border-radius: 5px;
			background: #fff;
			// background: #fff;
			cursor: pointer;
			}
			.mapTypeTwo{
			width: 100%;
			height: 100%;
			margin-left: 10px;
			background-image: url("../assets/img/3dmap.png");
			background-image: url("../assets/img/synthesis/3D.png");
			background-repeat: no-repeat;
			background-size: contain;
			}
			@@ -343,9 +354,8 @@
			width: 100%;
			height: 100%;
			margin-left: 10px;
			background-image: url("../assets/img/2dmap.png");
			background-image: url("../assets/img/synthesis/2D 拷贝 2.png");
			background-repeat: no-repeat;
			background-size: contain;
			}

			</style>