feat:添加地图label

ZhangXianQiang

2024-04-19 cc6994a5858cd662f5904005bbbd9d34b712f76c

 src/views/screen/components/screen-map-three/experience/camera.js

@@ -1,3 +1,4 @@
import {MathUtils} from 'three';
import { PerspectiveCamera, CameraHelper } from 'three';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';

@@ -15,16 +16,21 @@

    // 设置透视相机
    setInstance() {
        this.instance = new PerspectiveCamera(75,this.sizes.width / this.sizes.height, 0.1, 1000);
        this.instance.position.set(0, 5, 2);
        this.instance = new PerspectiveCamera(45,this.sizes.width / this.sizes.height, 0.001, 90000000);
        this.instance.position.set(0, 45, 45);
        this.scene.add(this.instance);
        const help = new CameraHelper(this.instance);
        this.scene.add(help);
        // const help = new CameraHelper(this.instance);
        // this.scene.add(help);
    }

    setOrbitControls() {
        this.controls = new OrbitControls(this.instance, this.canvas);
        this.controls.target.set(0, 0, 0);
        this.controls.target.set(0, 0, 5);
        this.controls.enableDamping = true;
        this.controls.minDistance = 20;
        this.controls.maxDistance = 80;
        this.controls.maxPolarAngle = MathUtils.degToRad(80);
        // this.controls.maxPolarAngle = (-Math.PI / 2);
    }

    resize() {