fix

src/icons/svg/china.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 833 833" style="enable-background:new 0 0 833 833;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;stroke:#000000;stroke-width:3;stroke-linejoin:round;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;}
+</style>
+<path d="M417.2,61.3C221.4,61.3,62.7,220,62.7,415.8s158.7,354.5,354.5,354.5s354.5-158.7,354.5-354.5S613,61.3,417.2,61.3z
+	 M417.2,732.5c-173.4,0-314-140.6-314-314s140.6-314,314-314s314,140.6,314,314S590.6,732.5,417.2,732.5z"/>
+<path id="形状_1" class="st0" d="M591.2,252.4l-0.9-7.3l-1.8-4.6l-2.7-6.4l-2.7-7.3l-2.7-8.2l-5.5-10.1l-3.7-1.8l-4.6,0.9L561,203
+	h-11l-10.1,2.7l-5.5,4.6l-3.7,2.7l2.7,2.7l2.7,6.4l-3.7,3.7l-9.1,17.4l0.9,3.7c-2.5,0.6-5,1.5-7.3,2.7c-2.7,1.7-6.4,6.4-6.4,6.4
+	l-6.4-4.6l-11,22l1.8,2.7c0,0,3.6-3.4,7.3-2.7c2.2,0.4,4.2,1.8,5.5,3.7c0,0,5.7-4.3,8.2-3.7s8.2,9.1,8.2,9.1l2.7,5.5l-6.4,0.9
+	l-6.4,0.9l-5.5,2.7l-6.4-0.9l-3.7,6.4l-6.4,6.4l-2.7-1.8l-9.1,8.2h-8.2l-7.3-2.7l-4.6,7.3l2.7,5.5l-11.9,12.8l-9.1,3.7h-14.6
+	l-21,8.2l-4.6-1.8h-4.6l-14.6-3.7l-3.7-4.6h-41.2l-7.3-19.2l-6.4,0.9l-7.3-7.3h-6.4l-12.8-2.7l-6.4-5.5l3.7-11l-6.4-14.6l-11-3.7
+	l-8.2-6.4l-1.8-5.5l-5.5-1.8l-1.8,4.6l-7.3,5.5l-1.8,13.7l-10.1,1.8l-8.2-2.7l-9.1,16.5l1.8,7.3l-8.2-1.8l-12.8,5.5l8.2,18.3
+	l-5.5,7.3v4.6l-1.8,2.7l-18.3,9.1h-5.5l-4.6,10.1l-9.1-5.5l-5.5,5.5h-5.5l-1.8,6.4l-2.7,4.6l10.1,17.4l6.4,7.3l3.7,3.7l2.8,6.4
+	l5.5,2.7l8.2,0.9l1.8,6.4l8.2,3.7l-4.6,4.6l2.7,6.4l1.8,5.5l-6.4,1.8l2.7,4.6v7.3l2.7,1.8l5.5,2.7l3.7,0.9l5.5,7.3l4.6-5.5
+	l17.4,11.9l2.7-2.7l13.7,14.6l8.2-0.9l5.5,2.7l10.1-3.7l1.8,8.2l8.2-8.2l6.4,1.8l8.2,1.8l0.9,2.7l1.8,4.6h8.2l8.2-3.7l5.5-0.9
+	l10.1-8.2l10.1,7.3l3.7-9.1l7.3,6.4l-1.8,4.6l5.5,11.9l-11,9.1l-0.9,10.1l12.8-2.7l-2.7,5.5l4.6,8.2l-0.9,4.6l5.5,1.8l3.7,4.6
+	l4.6-2.7l7.3,5.5l-1.8-10.1l3.7-1.8l5.5-2.7h8.2l0.9,4.6l11-11l11.9,6.4l-1.8,5.5l11.9,4.6h11l4.6,5.5h4.6l4.6-4.6l7.3-0.9l3.7,2.7
+	l9.1-6.4l1.8-7.3l4.6,7.3l5.5-5.5h7.3l11.9-9.1l10.1-6.4l5.5-8.2l4.6-9.1l9.1-8.2l4.6-7.3l2.7-10.1l-0.9-7.3h6.4l-6.4-10.1v-6.4
+	l-2.7-8.2l-3.7-2.7l-2.7-11.9l-11-8.2l4.6-8.2l7.3-3.7l6.4-7.3l6.4-1.8l-6.4-6.4l-7.3-0.9l-7.3,3.7l-5.5-2.7l-0.9-5.5l-9.1-4.6
+	l0.9-5.5l6.4,1.8l19.2-18.3l6.4-0.9l1.8,2.7l-3.7,8.2l-0.9,7.3l11-6.4l2.7,6.4l2.7-7.3l8.2-4.6l10.1-7.3l8.2-8.2l10.1,2.7L593,343
+	l5.5-0.9l6.4-4.6l4.6-5.5l5.5,5.5l2.7-6.4l3.7-4.6l-1.8-15.6l6.4-5.5l8.2,3.7l9.2-12.8l-3.7-4.6l3.7-6.4l-0.9-2.7l7.3-4.6l-1.8-4.6
+	l3.7-4.6l-24.7,11l-8.2-2.7l-3.7-13.7l-14.6-9.1L591.2,252.4z"/>
+<path id="圆角矩形_1_拷贝" class="st1" d="M434.7,559.8v5.5l11,6.4l10.1-8.2l5.5-9.1c0,0-8.5-6.4-9.1-6.4s-7.1,0.4-7.3,0.9
+	s-11,8.2-11,8.2L434.7,559.8z M539.9,503.1c0,0-11.6,12.6-12.8,18.3s4.2,18.5,7.3,18.3s8.9-13.8,11-21s3.5-13,0-14.6
+	S539.9,503.1,539.9,503.1L539.9,503.1z M545.4,536l-9.1,10.1l1.8,3.7l10.1-10.1L545.4,536z M528.2,558.5l-4.3,12.9l3.2,2.6l5.1-13.3
+	L528.2,558.5z M519.7,617.6l-4.8,12.7l3.1,2.7l5.6-13.1L519.7,617.6z M497.7,649l-7.6,11.2l2.3,3.4l8.5-11.4L497.7,649z M473.4,685
+	l-12.9,4.4l-0.2,4.1l13.7-3.9L473.4,685z M449.8,615.7l-3.1,13.3l3.4,2.3l3.9-13.7L449.8,615.7z M439.7,584.6l6.4,12l4.1-0.5
+	l-6.1-12.9L439.7,584.6z M521.2,585.4c1.3,0,2.3,1,2.3,2.3v10.1c0,1.3-1.1,2.3-2.3,2.2c-1.2,0-2.2-1-2.2-2.2v-10
+	C518.9,586.4,519.9,585.4,521.2,585.4L521.2,585.4L521.2,585.4z M434.2,658.6c1.3,0,2.3,1,2.3,2.3l0,0v10.1c0,1.3-1,2.3-2.3,2.3
+	s-2.3-1-2.3-2.3l0,0v-10.1C432,659.6,433,658.6,434.2,658.6z"/>
+</svg>

src/icons/svg/globe.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="833" height="833" viewBox="0 0 833 833">
+  <defs>
+    <style>
+      .cls-1 {
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="形状_3" data-name="形状 3" class="cls-1" d="M416.5,81.8C231.633,81.8,81.8,231.633,81.8,416.5S231.633,751.2,416.5,751.2,751.2,601.367,751.2,416.5,601.367,81.8,416.5,81.8ZM302.494,686.349A293.577,293.577,0,0,1,128.936,360.608a38.658,38.658,0,0,0,13.663,2.55,31.947,31.947,0,0,0,17.715-4.968,31.53,31.53,0,0,1,17.323-5.3,28.409,28.409,0,0,1,14.9,4.183c5.3,3.269,9.022,7.583,9.022,14.905,0,53.342,1.83,110.279,50.269,111.064,1.438,0,26.933,9.74,39.092,41.379,1.438,3.661,4.183,4.838,7.975,4.838,7.517,0,18.957-4.838,31.116-4.838,9.087,0,0,15.427,0,48.7,0.065,32.947,71.45,84,71.45,84a393.929,393.929,0,0,0,2.157,51.9A289.249,289.249,0,0,1,302.494,686.349Zm321.1-62.756a291.332,291.332,0,0,1-93.087,62.756A285.488,285.488,0,0,1,481.478,702.1a17,17,0,0,0-3.268-.262,30.5,30.5,0,0,0-7.845,1.112c10.132-42.818,14.97-66.94,35.888-85.113,28.763-24.971,6.341-52.557-15.689-52.557a24.652,24.652,0,0,0-3.791.261,19.717,19.717,0,0,1-2.615.2c-14.512,0-4.9-22.814-20.33-24.121-16.212-1.373-37.457-33.6-61.056-44.779-12.42-5.883-24.514-21.7-43.8-22.553h-1.111c-12.159,0-27.652,7.256-35.562,7.256-3.137,0-5.1-1.176-5.1-4.379,0-37.327-3.857-63.867-4.446-74.392-0.261-3.595-1.307-4.641-.719-4.641,0.785,0,4.707,2.092,18.173,2.418h0.327c12.159,0,6.341-25.167,18.369-26.148a12.669,12.669,0,0,1,1.569-.065c10.721,0,31.051,7.714,41.706,7.714a9.482,9.482,0,0,0,5.165-1.111,0.934,0.934,0,0,1,.457-0.131c5.753,0,28.371,56.414,41.053,56.414,5.229,0,8.759-9.609,8.759-36.607,0-11.179-5.883-30.659,0-41.38,22.945-41.967,44.387-76.287,42.556-81.124-0.588-1.5-7.387-2.877-16.342-2.877a83.566,83.566,0,0,0-25.037,3.661c-6.145,2.027,1.83,11.571-6.668,13.6a73.674,73.674,0,0,1-16.473,1.9c-24.972,0-43.014-13.27-34.843-26.017,10.394-15.624,47.59-6.93,50.924-38.307,1.5-14.512,2.811-30.855,3.791-44.779A10,10,0,0,1,454.938,176c24.317-1.765,26.8-30.725,4.053-49.224a287.077,287.077,0,0,1,71.384,19.938,294.264,294.264,0,0,1,151.659,146.3,21.633,21.633,0,0,0-11.374-3.4c-18.5,0-35.431,25.1-24.841,53.6-86.942,66.677-64.651,113.352-36.28,139.892,8.367,7.845,16.6,17.912,23.794,27.913,6.93,9.544,11.244,20.592,13.728,32.162,0.915,4.184,4.184,6.276,8.956,6.276,7.191,0,17.65-4.772,28.174-14.185a290.309,290.309,0,0,1-60.6,88.315h0Z"/>
+</svg>

src/views/prometheusMonitor/earth.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <div id="earth" />
-    <a class="switchBtn toChina" @click="toChina"><svg-icon icon-class="bianji" /></a>
-    <a class="switchBtn" @click="toWorld"><svg-icon icon-class="ziyuanguanli" /></a>
+    <a class="switchBtn toChina" :class="!globe?'activeBtn':''" @click="toChina"><svg-icon icon-class="china" /></a>
+    <a class="switchBtn" :class="globe?'activeBtn':''" @click="toWorld"><svg-icon icon-class="globe" /></a>
   </div>
 </template>
 <script>
@@ -28,7 +28,8 @@ export default {
       saaniId: '',
       groupDots: [],
       dynamicMaterial: undefined,
-      originPosition: undefined
+      originPosition: undefined,
+      globe: true
     }
   },
   mounted() {
@@ -67,12 +68,13 @@ export default {
       })
     },
     toWorld() {
+      this.globe = true
       console.log(this.orbitControls)
       console.log(this.scene.position)
       var width = window.innerWidth // 窗口宽度
       var height = window.innerHeight // 窗口高度
       var k = width / height // 窗口宽高比
-      var s = 180
+      var s = 140
       this.zoomAnimate()
       const tweenL1 = new TWEEN.Tween(this.camera).to({ left: -s * k, right: s * k, top: s, bottom: -s }, 1000)
         .easing(TWEEN.Easing.Sinusoidal.InOut).onUpdate(() => {
@@ -91,11 +93,12 @@ export default {
       this.render()
     },
     resetVisible() {
-      this.scene.children[6].visible = !this.scene.children[6].visible
-      this.scene.children[7].visible = !this.scene.children[7].visible
-      this.scene.children[8].visible = !this.scene.children[8].visible
+      this.scene.children[6].visible = this.globe
+      this.scene.children[7].visible = this.globe
+      this.scene.children[8].visible = this.globe
     },
     toChina() {
+      this.globe = false
       console.log(this.camera.position)
       console.log(this.scene.position)
       // if (this.aniIds) {
@@ -921,14 +924,18 @@ export default {
 
 <style lang="scss" scoped>
 .switchBtn {
-  font-size: 1rem;
+  font-size: 1.5rem;
   position: absolute;
   bottom: 50px;
-  right: 30vw;
+  right: 29.5vw;
   z-index: 100;
+  color: #fff;
 }
 .toChina{
   right: 32vw;
 }
+.activeBtn{
+  color: #3EDFFC
+}
 </style>