From d97108862a69c79037123bb4d2bdb3bc4ceb379c Mon Sep 17 00:00:00 2001
From: Kubbo <390378816@qq.com>
Date: Wed, 10 Jul 2024 02:11:22 +0800
Subject: [PATCH] =?UTF-8?q?threejs=E5=8D=87=E7=BA=A7=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AppThreeMap.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/views/AppThreeMap.vue b/src/views/AppThreeMap.vue
index 002d136..260470a 100644
--- a/src/views/AppThreeMap.vue
+++ b/src/views/AppThreeMap.vue
@@ -191,7 +191,7 @@ export default {
           let {bakeStockAmt, longitude, latitude} = item
           longitude = Number(longitude || 0).toFixed(6);
           latitude = Number(latitude || 0).toFixed(6);
-          const markerGeometry = new THREE.CircleBufferGeometry(0.1, 32);
+          const markerGeometry = new THREE.CircleBufferGeometry(0.015, 32);
           const markerMaterial = new THREE.MeshBasicMaterial({
             side: THREE.DoubleSide,
             blending: THREE.AdditiveBlending,
@@ -205,8 +205,7 @@ export default {
           const v3 = new THREE.Vector3(lnglat[0], lnglat[1], lnglat[2]).multiplyScalar(1.2);
           // marker.scale.set(scale, scale, 1)
           marker.data = item
-          marker.position.set(v3.x * scale, v3.y * scale, 0.201 * scale)
-          console.log(marker)
+          marker.position.set(v3.x, v3.y, 0.201)
           return marker
         }
 
@@ -215,7 +214,7 @@ export default {
           root.layers.map(layer => {
             const marker = this.transLayer(layer)
             this.markers.push(marker)
-            this.scene.add(marker)
+            this.mapGroup.add(marker)
           })
         }
 
@@ -403,8 +402,7 @@ export default {
             textGeometry.translate(1, 0, 3.2)
             textGeometry.rotateX(Math.PI / 2)
             textGeometry.rotateZ(Math.PI / 2)
-            textGeometry.computeTangents()
-            const textMaterial = new THREE.MeshPhongMaterial({color: '#fff'});
+            const textMaterial = new THREE.MeshPhongMaterial({color: 0xffffff});
             const text = new THREE.Mesh(textGeometry, textMaterial);
             this.scene.add(text);
             // const planeGeometry = new THREE.PlaneGeometry(textGeometry.boundingBox.max.x, textGeometry.boundingBox.max.y);