fix

src/views/prometheusMonitor/earth.vue

@@ -136,7 +136,7 @@ export default {
         })
         var material2 = new Three.MeshLambertMaterial({
           transparent: true,
-          opacity: 0.2,
+          opacity: 0.1,
           // blending: Three.AdditiveBlending,
           map: textureLoader.load(process.env.VUE_APP_PUBLIC_SOURCE_API + '/earth_cloud.png')
         })
@@ -184,7 +184,7 @@ export default {
         const coordinates = elem.geometry.coordinates
         coordinates.forEach(multiPolygon => {
           multiPolygon.forEach(polygon => {
-            const lineMaterial = new Three.LineBasicMaterial({ color: 0XF19553 }) // 0x3BFA9E
+            const lineMaterial = new Three.LineBasicMaterial({ color: 0x3BFA9E }) // 0x3BFA9E
             const positions = []
             const linGeometry = new Three.BufferGeometry()
             for (let i = 0; i < polygon.length; i++) {
@@ -212,7 +212,7 @@ export default {
         coordinates.forEach(multiPolygon => {
           if (elem.geometry.type === 'MultiPolygon') {
             multiPolygon.forEach(polygon => {
-              const lineMaterial = new Three.LineBasicMaterial({ color: 0x0d4178b5 }) // 0x3BFA9E
+              const lineMaterial = new Three.LineBasicMaterial({ color: 0x0a315a80 }) // 0x3BFA9E
               const positions = []
               const linGeometry = new Three.BufferGeometry()
               for (let i = 0; i < polygon.length; i++) {
@@ -229,7 +229,7 @@ export default {
               continents.add(line)
             })
           } else {
-            const lineMaterial = new Three.LineBasicMaterial({ color: 0x0d4178b5 }) // 0x3BFA9E
+            const lineMaterial = new Three.LineBasicMaterial({ color: 0x0a315a80 }) // 0x3BFA9E
             const positions = []
             const linGeometry = new Three.BufferGeometry()
             for (let i = 0; i < multiPolygon.length; i++) {
@@ -341,8 +341,8 @@ export default {
       const distance = 130
       const satellite = new Three.Sprite(new Three.SpriteMaterial({ map: new Three.CanvasTexture(this.generateSprite()) }))
       satellite.scale.x = satellite.scale.y = satellite.scale.z = 3
-      satellite.position.set(distance - 0.5, -2, -1)
-      const track = new Three.Mesh(new Three.RingGeometry(distance - 0.08, distance, 64, 1), new Three.MeshBasicMaterial({ color: this.monitorColor, side: Three.DoubleSide }))
+      satellite.position.set(distance + 0.1, -2, -1)
+      const track = new Three.Mesh(new Three.RingGeometry(distance - 0.1, distance + 0.1, 64, 1), new Three.MeshBasicMaterial({ color: this.monitorColor, side: Three.DoubleSide }))
       const centerMesh = new Three.Mesh(new Three.SphereGeometry(1, 1, 1), new Three.MeshLambertMaterial())
       var pivotPoint = new Three.Object3D()
       pivotPoint.add(satellite)