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 let {bakeStockAmt, longitude, latitude} = item
longitude = Number(longitude || 0).toFixed(6); longitude = Number(longitude || 0).toFixed(6);
latitude = Number(latitude || 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({ const markerMaterial = new THREE.MeshBasicMaterial({
side: THREE.DoubleSide, side: THREE.DoubleSide,
blending: THREE.AdditiveBlending, blending: THREE.AdditiveBlending,
@@ -205,8 +205,7 @@ export default {
const v3 = new THREE.Vector3(lnglat[0], lnglat[1], lnglat[2]).multiplyScalar(1.2); const v3 = new THREE.Vector3(lnglat[0], lnglat[1], lnglat[2]).multiplyScalar(1.2);
// marker.scale.set(scale, scale, 1) // marker.scale.set(scale, scale, 1)
marker.data = item marker.data = item
marker.position.set(v3.x * scale, v3.y * scale, 0.201 * scale) marker.position.set(v3.x, v3.y, 0.201)
console.log(marker)
return marker return marker
} }
@@ -215,7 +214,7 @@ export default {
root.layers.map(layer => { root.layers.map(layer => {
const marker = this.transLayer(layer) const marker = this.transLayer(layer)
this.markers.push(marker) 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.translate(1, 0, 3.2)
textGeometry.rotateX(Math.PI / 2) textGeometry.rotateX(Math.PI / 2)
textGeometry.rotateZ(Math.PI / 2) textGeometry.rotateZ(Math.PI / 2)
textGeometry.computeTangents() const textMaterial = new THREE.MeshPhongMaterial({color: 0xffffff});
const textMaterial = new THREE.MeshPhongMaterial({color: '#fff'});
const text = new THREE.Mesh(textGeometry, textMaterial); const text = new THREE.Mesh(textGeometry, textMaterial);
this.scene.add(text); this.scene.add(text);
// const planeGeometry = new THREE.PlaneGeometry(textGeometry.boundingBox.max.x, textGeometry.boundingBox.max.y); // const planeGeometry = new THREE.PlaneGeometry(textGeometry.boundingBox.max.x, textGeometry.boundingBox.max.y);