kubbo/kengee-data-screen
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Wiki Activity

threejs升级了

Browse Source
This commit is contained in:
Kubbo
2024-07-10 02:11:22 +08:00
parent 13da1d8e16
commit d97108862a
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/AppThreeMap.vue
View File

@@ -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);