diff --git a/src/views/AppThreeMap.vue b/src/views/AppThreeMap.vue index 702c9d1..1619b13 100644 --- a/src/views/AppThreeMap.vue +++ b/src/views/AppThreeMap.vue @@ -20,7 +20,7 @@ export default { const {THREE, d3, axios, TWEEN} = window const rootEl = this.$el const root = this - const scale = 8 + const scale = 7 class GeoMap { constructor() { @@ -372,7 +372,7 @@ export default { * */ transLayer({bakeStockAmt, longitude, latitude} = {}) { - const markerGeometry = new THREE.CircleBufferGeometry(0.02, 32); + const markerGeometry = new THREE.CircleBufferGeometry(0.1, 32); const markerMaterial = new THREE.MeshBasicMaterial({ side: THREE.DoubleSide, blending: THREE.AdditiveBlending, @@ -383,9 +383,11 @@ export default { opacity: 1 }); const marker = new THREE.Mesh(markerGeometry, markerMaterial); - marker.position.set(...this.lnglatToVector3([longitude, latitude])) - marker.position.z = -0.995 - marker.scale.set(scale, scale, scale) + const [x, y, z] = this.lnglatToVector3([longitude, latitude]) + const v3 = new THREE.Vector3(x, y, z).multiplyScalar(1.2) + // marker.scale.set(scale, scale, 1) + marker.position.set(x * 30, y * 30, -1) + console.log( marker.position) return marker }