feat:添加地图label

ZhangXianQiang

2024-04-19 cc6994a5858cd662f5904005bbbd9d34b712f76c

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

@@ -1,9 +1,10 @@
import { Scene,GridHelper } from 'three';

import { Scene, GridHelper,AxesHelper } from 'three';
import Stats from "three/examples/jsm/libs/stats.module";

import World from "./world/world";
import Camera from "./camera";
import Renderer from "./renderer";
import CSSRenderer from './cssRenderer';

// 工具类
import Sizes from "./utils/sizes";
@@ -12,18 +13,25 @@
export default class Experience {
  constructor(canvas) {
    this.canvas = canvas;
    this.sizes = new Sizes();
    this.container = canvas.parentElement;
    this.sizes = new Sizes(this.canvas);
    this.time = new Time();
    this.scene = new Scene();
    this.camera = new Camera(this);
    this.renderer = new Renderer(this);
    this.cssRenderer = new CSSRenderer(this);
    this.world = new World(this);

    const size = 10;
    const divisions = 10;
    // const size = 100;
    // const divisions = 100;

    const gridHelper = new GridHelper(size, divisions);
    this.scene.add(gridHelper);
    // const gridHelper = new GridHelper(size, divisions);
    // this.scene.add(gridHelper);

    this.stats = new Stats();
    document.querySelector('.map-container').appendChild(this.stats.dom);

    

    // 帧
    this.time.on('tick', () => {
@@ -35,5 +43,7 @@
    this.camera.update();
    this.world.update();
    this.renderer.update();
    this.cssRenderer.update();
    this.stats.update();
  }
}