feat: 功能新增

src/assets/images/icon/bookmark-one.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
+  <path d="M34 10V4H8V38L14 35" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="miter"/>
+  <path d="M14 44V10H40V44L27 37.7273L14 44Z" fill="" stroke="#ffffff" stroke-width="4" stroke-linejoin="miter"/>
+</svg>

src/assets/images/icon/boy.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40" height="40" viewBox="0 0 48 48" fill="#00f6ff" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="10" r="6" fill="#00f6ff" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31 44V35L36 32L32 19C32 19 28 16 24 16C20 16 16 19 16 19L12 31L17 35V44" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/assets/images/icon/camera.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1626258518065" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12028" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M521.7792 49.7152a443.0848 443.0848 0 0 1 443.0848 443.136v40.2432a443.0848 443.0848 0 1 1-886.1696 0v-40.2432A443.0848 443.0848 0 0 1 521.728 49.664z" fill="#000D29" p-id="12029"></path><path d="M577.8432 29.9008a23.1424 23.1424 0 1 1-5.5296 46.0288 424.448 424.448 0 0 0-50.5344-3.072 23.1424 23.1424 0 1 1 0-46.2848c18.8416 0 37.5296 1.1264 56.064 3.328z m135.2704 37.632a23.1424 23.1424 0 1 1-19.0464 42.1888 416.768 416.768 0 0 0-47.2576-17.92 23.1424 23.1424 0 0 1 13.7728-44.2368c17.92 5.632 35.4304 12.288 52.5312 19.968z m120.32 78.5408a23.1424 23.1424 0 0 1-30.9248 34.4064 421.9904 421.9904 0 0 0-39.5776-31.488 23.1424 23.1424 0 0 1 26.624-37.888c15.36 10.752 30.0032 22.4256 43.9296 34.9696z m88.4736 107.264a23.1424 23.1424 0 1 1-39.7312 23.808 420.864 420.864 0 0 0-28.5696-41.728 23.1424 23.1424 0 0 1 36.608-28.416c11.4688 14.848 22.016 30.2592 31.6928 46.336z m54.272 134.5024a23.1424 23.1424 0 0 1-45.1584 10.3936 416.512 416.512 0 0 0-14.336-48.4864 23.1424 23.1424 0 1 1 43.5712-15.7696c6.4 17.5616 11.7248 35.584 15.872 53.8624z m11.8784 133.7856a23.1424 23.1424 0 1 1-46.336 0v-29.2352c0-7.7824-0.2048-15.5648-0.6656-23.296a23.1424 23.1424 0 0 1 46.2336-2.56c0.512 8.5504 0.768 17.152 0.768 25.856v29.2352z m-17.4592 138.2912a23.1424 23.1424 0 1 1-44.5952-12.5952c4.608-16.1792 8.192-32.6656 10.752-49.408a23.1424 23.1424 0 0 1 45.7728 7.1168c-2.8672 18.5856-6.8608 36.864-11.9296 54.8864z m-58.88 128.8704a23.1424 23.1424 0 1 1-38.7072-25.3952c9.2672-14.1312 17.664-28.7744 25.1904-43.8784a23.1424 23.1424 0 0 1 41.472 20.5824 465.7152 465.7152 0 0 1-27.9552 48.6912z m-93.4912 104.2432a23.1424 23.1424 0 0 1-29.4912-35.7376c13.056-10.752 25.3952-22.272 37.0688-34.4576a23.1424 23.1424 0 1 1 33.4848 31.9488c-12.9024 13.568-26.624 26.3168-41.0624 38.2464z m-123.5456 73.216a23.1424 23.1424 0 0 1-17.2032-43.008c15.6672-6.2464 30.9248-13.4656 45.7216-21.504a23.1424 23.1424 0 0 1 22.272 40.6016c-16.4352 8.96-33.3824 16.9984-50.7904 23.9104z m-133.4272 31.488a23.1424 23.1424 0 0 1-3.8912-46.1824c16.896-1.3824 33.5872-3.84 50.0736-7.2192a23.1424 23.1424 0 0 1 9.3696 45.3632c-18.2784 3.7888-36.864 6.4512-55.552 8.0384z m-141.1072-9.472a23.1424 23.1424 0 1 1 10.0352-45.2096c16.384 3.6352 33.0752 6.2976 49.92 7.936a23.1424 23.1424 0 0 1-4.5056 46.08 465.2544 465.2544 0 0 1-55.4496-8.8064zM288.6656 936.96a23.1424 23.1424 0 1 1 23.1936-40.1408c14.592 8.448 29.696 16.0256 45.2096 22.6304a23.1424 23.1424 0 0 1-18.176 42.6496 464.64 464.64 0 0 1-50.2272-25.1392z m-109.568-87.7056a23.1424 23.1424 0 0 1 34.048-31.3856c11.4688 12.3904 23.6544 24.064 36.5056 35.0208a23.1424 23.1424 0 1 1-30.0544 35.328 468.992 468.992 0 0 1-40.448-38.912z m-79.872-118.784a23.1424 23.1424 0 0 1 41.984-19.6096c7.168 15.2576 15.2576 30.1056 24.1664 44.3904a23.1424 23.1424 0 1 1-39.2704 24.576 465.2544 465.2544 0 0 1-26.8288-49.3568z m-39.1168-131.8912a23.1424 23.1424 0 1 1 45.8752-6.4512c2.3552 16.7424 5.6832 33.28 10.0352 49.5104a23.1424 23.1424 0 0 1-44.7488 11.9808 463.9744 463.9744 0 0 1-11.1616-55.04z m-3.328-139.9808a23.1424 23.1424 0 0 1 46.1824 3.3792c-0.7168 10.24-1.1264 20.48-1.1264 30.8224v20.8384a23.1424 23.1424 0 1 1-46.2848 0v-20.8384c0-11.4688 0.4096-22.8352 1.2288-34.2016z m31.0272-136.704a23.1424 23.1424 0 1 1 43.1104 16.9984c-6.144 15.6672-11.3664 31.744-15.616 48.128a23.1424 23.1424 0 0 1-44.8512-11.6736 462.848 462.848 0 0 1 17.408-53.4016z m72.2944-123.392a23.1424 23.1424 0 1 1 35.8912 29.2864c-10.6496 13.056-20.48 26.7776-29.5424 41.0624a23.1424 23.1424 0 1 1-39.1168-24.7296c9.984-15.872 20.9408-31.0784 32.768-45.568z m103.2192-93.7984a23.1424 23.1424 0 1 1 25.7024 38.5024 421.6832 421.6832 0 0 0-40.3456 30.5664 23.1424 23.1424 0 1 1-30.1056-35.1744c14.1824-12.1856 29.184-23.552 44.7488-33.8944zM394.5472 44.1856a23.1424 23.1424 0 0 1 12.5952 44.544c-16.2304 4.608-32.2048 10.1888-47.7184 16.6912a23.1424 23.1424 0 1 1-17.92-42.7008A462.8992 462.8992 0 0 1 394.5472 44.1856z m126.3616-17.6128a23.1424 23.1424 0 0 1 0.1024 46.336 424.96 424.96 0 0 0-43.008 2.2528 23.1424 23.1424 0 0 1-4.8128-46.08c15.8208-1.6384 31.744-2.4576 47.7184-2.5088zM363.5712 528.384l-54.4256-11.2128v244.1216l54.4256-20.1728v-85.1456H451.584l48.128-69.376-62.7712-35.7888-16.7424 53.76H363.52V528.384z m457.5744-12.5952L435.5584 249.2928H389.12L325.9392 355.072v35.9936l351.8976 227.328h29.5424v-2.2528l113.7664-100.352zM357.4272 427.8784l-31.488 36.608 349.7984 231.3216h31.4368l16.7424-18.3296 16.7424-52.6848s-46.08 36.608-48.1792 36.608c-18.7904-13.6704-33.536-20.5824-33.536-20.5824L357.376 427.8784z" fill="#00A0FF" p-id="12030"></path></svg>

src/assets/images/icon/chinese.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="6" y="6" width="36" height="36" rx="3" fill="white" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  <rect x="14" y="18" width="20" height="10" fill="none" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M24 14V35" stroke="#333" stroke-width="4" stroke-linecap="round"/>
+</svg>

src/assets/images/icon/delete.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15" height="15" viewBox="0 0 48 48" fill="white" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="white" fill-opacity="0.01"/>
+<path d="M9 10V44H39V10H9Z" fill="none" stroke="white" stroke-width="4" stroke-linejoin="round"/>
+<path d="M20 20V33" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28 20V33" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 10H44" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 10L19.289 4H28.7771L32 10H16Z" fill="none" stroke="white" stroke-width="4" stroke-linejoin="round"/>
+</svg>

src/assets/images/icon/girl.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40" height="40" viewBox="0 0 48 48" fill="#ff6ac4" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="10" r="6" fill="#ff6ac4" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M27.2308 16H20.7692L10 36H38L27.2308 16Z" fill="#ff6ac4" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M27 36V44" stroke="#ff6ac4" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 36V44" stroke="#ff6ac4" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/assets/images/icon/good.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4.18898 22.1733C4.08737 21.0047 5.00852 20 6.18146 20H10C11.1046 20 12 20.8954 12 22V41C12 42.1046 11.1046 43 10 43H7.83363C6.79622 43 5.93102 42.2068 5.84115 41.1733L4.18898 22.1733Z" fill="white" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M18 21.3745C18 20.5388 18.5194 19.7908 19.2753 19.4345C20.9238 18.6574 23.7329 17.0938 25 14.9805C26.6331 12.2569 26.9411 7.33595 26.9912 6.20878C26.9982 6.05099 26.9937 5.89301 27.0154 5.73656C27.2861 3.78446 31.0543 6.06492 32.5 8.47612C33.2846 9.78471 33.3852 11.504 33.3027 12.8463C33.2144 14.2825 32.7933 15.6699 32.3802 17.0483L31.5 19.9845H42.3569C43.6832 19.9845 44.6421 21.2518 44.2816 22.5281L38.9113 41.5436C38.668 42.4051 37.8818 43 36.9866 43H20C18.8954 43 18 42.1046 18 41V21.3745Z" fill="none" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/assets/images/icon/huojian.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1583467122765" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3603" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M579.463529 206.004706c-30.117647-146.974118-60.235294-162.635294-60.235294-162.635294-4.818824-4.818824-10.842353-4.818824-15.661176 0 0 0-30.117647 15.661176-60.235294 162.635294 0 0-19.275294 102.4-19.275294 185.524706V554.164706c0 45.778824 174.682353 40.96 174.682353 3.614118V391.529412c1.204706-83.124706-19.275294-185.524706-19.275295-185.524706zM566.211765 310.814118c0 6.023529-1.204706 4.818824-6.02353 6.023529h-10.842353s-14.456471-178.296471-27.708235-233.712941c0 0 48.188235 121.675294 44.574118 227.689412zM454.174118 836.065882l7.228235-209.618823c-6.023529-2.409412-10.842353-4.818824-15.661177-7.228235l8.432942 216.847058zM431.284706 748.122353l4.818823-136.131765c-3.614118-3.614118-7.228235-7.228235-9.637647-12.047059l4.818824 148.178824zM483.087059 895.096471l9.637647-261.421177c-6.023529 0-12.047059-1.204706-16.865882-2.409412l7.228235 263.830589zM573.44 832.451765l7.228235-215.642353c-3.614118 3.614118-8.432941 6.023529-14.45647 8.432941l7.228235 207.209412zM503.567059 634.88l9.637647 350.569412 9.637647-350.569412c-6.023529 0-13.251765 1.204706-19.275294 0zM592.715294 752.941176l4.818824-149.383529c-2.409412 3.614118-6.023529 6.023529-9.637647 9.637647l4.818823 139.745882zM544.527059 890.277647l9.637647-260.216471-18.070588 3.614118 8.432941 256.602353z" p-id="3604" fill="#d81e06"></path></svg>

src/assets/images/icon/move.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="19" height="19" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6L43 25L24 27L13.9948 44L8 6Z" fill="none" stroke="white" stroke-width="4" stroke-linejoin="round"/>
+</svg>

src/assets/images/icon/search.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12" height="12" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="white" fill-opacity="0.01"/>
+<path d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z" fill="none" stroke="white" stroke-width="4" stroke-linejoin="round"/>
+<path d="M26.6568 14.3431C25.2091 12.8954 23.2091 12 21 12C18.7909 12 16.7909 12.8954 15.3431 14.3431" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33.2218 33.2218L41.7071 41.7071" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/views/goverment/largeScreen/index.vue

@@ -102,6 +102,19 @@
 					</div>
 				</div>
 			</div>
+			<div class="option-list-item">
+				<span>近地天空盒：</span>
+				<div class="item-classify">
+					<div class="item-classify-item">
+						<el-radio-group v-model="skyProperty.boxVal" size="small" style="margin-top: 10px" @change="boxChange">
+							<el-radio-button :label="1" border>晴天</el-radio-button>
+							<el-radio-button :label="2" border>晚霞</el-radio-button>
+							<el-radio-button :label="3" border>蓝天</el-radio-button>
+							<el-radio-button :label="4" border>默认</el-radio-button>
+						</el-radio-group>
+					</div>
+				</div>
+			</div>
 		</el-scrollbar>
 	</div>
 </template>
@@ -138,6 +151,9 @@ const sunProperty = ref({
 	timeVal: null,
 	currDate: 420
 });
+const skyProperty = ref({
+	boxVal: 4
+});
 const checkedKeys = ref<any[]>([]);
 const expandedKeys = ref<any>([]);
 const layersObj: any = {};
@@ -164,41 +180,136 @@ let fogEffect: any; // 雾天气
 let snowEffect: any; // 雪天气
 let snowCover: any; // 积雪
 let shadows: any; // 日照效果
+let currSkyBox: any; // 当前生效的Skybox
+let defaultSkybox: any; // cesium自带的Skybox
+const qingtianSkybox = new mars3d.GroundSkyBox({
+	// 晴天天空盒
+	sources: {
+		positiveX: new URL("@/assets/images/skybox_near/qingtian/rightav9.jpg", import.meta.url).href,
+		negativeX: new URL("@/assets/images/skybox_near/qingtian/leftav9.jpg", import.meta.url).href,
+		positiveY: new URL("@/assets/images/skybox_near/qingtian/frontav9.jpg", import.meta.url).href,
+		negativeY: new URL("@/assets/images/skybox_near/qingtian/backav9.jpg", import.meta.url).href,
+		positiveZ: new URL("@/assets/images/skybox_near/qingtian/topav9.jpg", import.meta.url).href,
+		negativeZ: new URL("@/assets/images/skybox_near/qingtian/bottomav9.jpg", import.meta.url).href
+	}
+});
+const wanxiaSkybox = new mars3d.GroundSkyBox({
+	// 晚霞天空盒
+	sources: {
+		positiveX: new URL("@/assets/images/skybox_near/wanxia/SunSetRight.png", import.meta.url).href,
+		negativeX: new URL("@/assets/images/skybox_near/wanxia/SunSetLeft.png", import.meta.url).href,
+		positiveY: new URL("@/assets/images/skybox_near/wanxia/SunSetFront.png", import.meta.url).href,
+		negativeY: new URL("@/assets/images/skybox_near/wanxia/SunSetBack.png", import.meta.url).href,
+		positiveZ: new URL("@/assets/images/skybox_near/wanxia/SunSetUp.png", import.meta.url).href,
+		negativeZ: new URL("@/assets/images/skybox_near/wanxia/SunSetDown.png", import.meta.url).href
+	}
+});
+const lantianSkybox = new mars3d.GroundSkyBox({
+	// 晴天天空盒
+	sources: {
+		positiveX: new URL("@/assets/images/skybox_near/lantian/Right.jpg", import.meta.url).href,
+		negativeX: new URL("@/assets/images/skybox_near/lantian/Left.jpg", import.meta.url).href,
+		positiveY: new URL("@/assets/images/skybox_near/lantian/Front.jpg", import.meta.url).href,
+		negativeY: new URL("@/assets/images/skybox_near/lantian/Back.jpg", import.meta.url).href,
+		positiveZ: new URL("@/assets/images/skybox_near/lantian/Up.jpg", import.meta.url).href,
+		negativeZ: new URL("@/assets/images/skybox_near/lantian/Down.jpg", import.meta.url).href
+	}
+});
 const initMars3d = (option: any) => {
 	map = new mars3d.Map("mars3dContainer", option);
+	// 加载石化工厂模型
+	const tiles3dLayer = new mars3d.layer.TilesetLayer({
+		name: "石油化工厂",
+		url: "http://data.mars3d.cn/3dtiles/max-shihua/tileset.json",
+		position: { lng: 117.077158, lat: 31.659116, alt: -2.0 },
+		maximumScreenSpaceError: 1,
+		popup: "all"
+	});
+	map.addLayer(tiles3dLayer);
+	tiles3dLayer.flyTo();
+	// 创建DIV数据图层
+	const graphicLayer = new mars3d.layer.GraphicLayer();
+	map.addLayer(graphicLayer);
+	// 添加数据
+	addRandomGraphicByCount(graphicLayer, [117.080397, 31.656139, 33.3]);
+	addRandomGraphicByCount(graphicLayer, [117.078006, 31.65649, 49.4]);
+	addRandomGraphicByCount(graphicLayer, [117.080571, 31.657898, 50.2]);
+	addRandomGraphicByCount(graphicLayer, [117.078331, 31.660016, 47.2]);
 	// map.scene.moon.show = true; // 太阳
 	// map.scene.sun.show = true; // 月亮
-	rainEffect = new mars3d.effect.RainEffect({
+	// rainEffect = new mars3d.effect.RainEffect({
-		speed: 10,
+	// 	speed: 10,
-		size: 20,
+	// 	size: 20,
-		direction: 10,
+	// 	direction: 10,
-		enabled: false
+	// 	enabled: false
-	});
+	// });
-	fogEffect = new mars3d.effect.FogEffect({
+	// fogEffect = new mars3d.effect.FogEffect({
-		color: Cesium.Color.WHITE,
+	// 	color: Cesium.Color.WHITE,
-		fogByDistance: new Cesium.Cartesian4(100, 0.0, 9000, 0.9),
+	// 	fogByDistance: new Cesium.Cartesian4(100, 0.0, 9000, 0.9),
-		enabled: false
+	// 	enabled: false
-	});
+	// });
-	snowEffect = new mars3d.effect.SnowEffect({
+	// snowEffect = new mars3d.effect.SnowEffect({
-		enabled: false,
+	// 	enabled: false,
-		speed: 10
+	// 	speed: 10
-	});
+	// });
-	snowCover = new mars3d.effect.SnowCoverEffect({
+	// snowCover = new mars3d.effect.SnowCoverEffect({
-		enabled: false,
+	// 	enabled: false,
-		// layer: tiles3dLayer, // 如果传值3dtiles图层，只对该模型生效
+	// 	// layer: tiles3dLayer, // 如果传值3dtiles图层，只对该模型生效
-		alpha: 0.6,
+	// 	alpha: 0.6,
-		maxHeight: 8000 // 大于此高度后不显示
+	// 	maxHeight: 8000 // 大于此高度后不显示
-	});
+	// });
-	shadows = new mars3d.thing.Shadows({
+	// shadows = new mars3d.thing.Shadows({
-		multiplier: 1600
+	// 	multiplier: 1600
-	});
+	// });
-	map.addEffect(rainEffect);
+	// defaultSkybox = map.scene.skyBox;
-	map.addEffect(fogEffect);
+	// currSkyBox = qingtianSkybox;
-	map.addEffect(snowEffect);
+	// map.on(mars3d.EventType.postRender, function () {
-	map.addEffect(snowCover);
+	// 	const position = map.camera.position;
-	map.addThing(shadows);
+	// 	const height = Cesium.Cartographic.fromCartesian(position).height;
+	// 	if (height < 230000) {
+	// 		if (currSkyBox) {
+	// 			map.scene.skyBox = currSkyBox;
+	// 		}
+	// 		map.scene.skyAtmosphere.show = false;
+	// 	} else {
+	// 		if (defaultSkybox) {
+	// 			map.scene.skyBox = defaultSkybox;
+	// 		}
+	// 		map.scene.skyAtmosphere.show = true;
+	// 	}
+	// });
+	// map.addEffect(rainEffect);
+	// map.addEffect(fogEffect);
+	// map.addEffect(snowEffect);
+	// map.addEffect(snowCover);
+	// map.addThing(shadows);
+};
+const addRandomGraphicByCount = (graphicLayer: any, position: any) => {
+	const graphicImg = new mars3d.graphic.DivGraphic({
+		position: position,
+		style: {
+			html: ` <div class="mars3d-camera-content"> 
+                      <img class="mars3d-camera-img" src="src/assets/images/icon/camera.svg" >
+                    </div>
+                    <div class="mars3d-camera-line" ></div>
+                    <div class="mars3d-camera-point"></div>
+                  `,
+			offsetX: -16,
+			distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 100000)
+		},
+		popup: `<video src='http://data.mars3d.cn/file/video/lukou.mp4' controls autoplay style="width: 300px;" ></video>`,
+		popupOptions: {
+			offsetY: -170, // 显示Popup的偏移值,是DivGraphic本身的像素高度值
+			template: `<div class="marsBlackPanel animation-spaceInDown">
+                        <div class="marsBlackPanel-text">{content}</div>
+                        <span class="mars3d-popup-close-button closeButton" >×</span>
+                      </div>`,
+			horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+			verticalOrigin: Cesium.VerticalOrigin.CENTER
+		}
+	});
+	graphicLayer.addGraphic(graphicImg);
 };
-
 const handleCheckChange = (e: any, isCheck: any) => {
 	const layer = layersObj[e.key];
 
@@ -327,6 +438,23 @@ const timeChange = (e: any) => {
 	const dateTime = new Date(`${sunProperty.value.timeVal} ${hours.value}:${minutes.value}:00`);
 	shadows.time = dateTime;
 };
+// 天空盒操作
+const boxChange = (e: any) => {
+	switch (e) {
+		case 1:
+			currSkyBox = qingtianSkybox;
+			break;
+		case 2:
+			currSkyBox = wanxiaSkybox;
+			break;
+		case 3:
+			currSkyBox = lantianSkybox;
+			break;
+		case 4:
+			currSkyBox = defaultSkybox;
+			break;
+	}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -390,6 +518,128 @@ const timeChange = (e: any) => {
 		}
 	}
 }
+// 视频监控点位样式
+:deep() {
+	.mars3d-camera-content {
+		height: 30px;
+	}
+	.mars3d-camera-img {
+		width: 30px;
+		height: 30px;
+		animation: cameraMove 1s linear infinite alternate;
+		-webkit-animation: cameraMove 1s linear infinite alternate;
+	}
+	@keyframes cameraMove {
+		from {
+			margin-top: 20px;
+		}
+		to {
+			margin-top: 0px;
+		}
+	}
+	@-webkit-keyframes cameraMove {
+		from {
+			margin-top: 20px;
+		}
+		to {
+			margin-top: 0px;
+		}
+	}
+	.mars3d-camera-line {
+		height: 120px;
+		width: 5px;
+		margin-top: 20px;
+		border-left: 3px dashed #5b8fee;
+		margin-left: calc(50% - 1px);
+	}
+	.mars3d-camera-point {
+		border-radius: 50%;
+		width: 8px;
+		height: 8px;
+		margin-left: calc(50% - 3px);
+		background-color: #5b8fee;
+	}
+	.animation-spaceInDown {
+		animation-duration: 1s;
+		animation-fill-mode: both;
+		animation-name: spaceInDown;
+	}
+	@keyframes spaceInDown {
+		0% {
+			opacity: 0;
+			transform-origin: 0% 100%;
+			transform: scale(0.2) translate(0, 200%);
+		}
+		100% {
+			opacity: 1;
+			transform-origin: 0% 100%;
+			transform: scale(1) translate(0, 0);
+		}
+	}
+	.marsBlackPanel {
+		min-width: 90px;
+		min-height: 35px;
+		position: absolute;
+		left: 16px;
+		bottom: 31px;
+		cursor: default;
+		border-radius: 4px;
+		opacity: 0.96;
+		border: 1px solid #14171c;
+		box-shadow: 0px 2px 21px 0px rgba(33, 34, 39, 0.55);
+		border-radius: 4px;
+		box-sizing: border-box;
+		background: linear-gradient(0deg, #1e202a 0%, #0d1013 100%);
+	}
+
+	.marsBlackPanel::before {
+		content: "";
+		width: calc(100% + 22px);
+		height: 39px;
+		position: absolute;
+		bottom: -39px;
+		left: -22px;
+		background: url("src/assets/images/icon/popupLbl.png") 0px 0px no-repeat;
+		background-position: 0px 0px;
+	}
+
+	.marsBlackPanel-text {
+		width: 100%;
+		height: 100%;
+		min-height: 33px;
+		text-align: center;
+		padding: 10px 5px 0 5px;
+		margin: 0;
+		font-size: 14px;
+		font-weight: 400;
+		color: #ffffff;
+		border: 1px solid #ffffff4f;
+		-webkit-box-sizing: border-box;
+		box-sizing: border-box;
+		white-space: nowrap;
+	}
+
+	.marsBlackPanel-highlight {
+		border: 2px solid yellow;
+	}
+	.mars3d-popup-close-button {
+		position: absolute;
+		top: 0;
+		right: 0;
+		padding: 4px 4px 0 0;
+		text-align: center;
+		width: 20px;
+		height: 20px;
+		font: 16px/14px Tahoma, Verdana, sans-serif;
+		text-decoration: none;
+		font-weight: bold;
+		background: transparent;
+		z-index: 20170825;
+		cursor: pointer;
+		color: #fff;
+	}
+}
+// 全局基础样式
 :deep() {
 	.cesium-viewer-toolbar {
 		top: auto;