功能添加

suerprisePlus

2024-06-13 28de79b44655118b1deffb5c9a8b06ec2904905b

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import store from "@/store"; 
import configTool from "@/assets/js/tool/configTool"; 
const mapClick = { 
  Init() { 
    this.addLeftClick(); 
    this.addRightClick(); 
    addEventListener("mouseup", (event) => { 
      store.state.rightMeuFlag = false; 
    }); 
  }, 
  addLeftClick() { 
    var that = this; 
    let handler = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas); 
    handler.setInputAction(function (event) { 
      console.log("您的鼠标左击了一下"); 
      store.state.rightMeuFlag = false; 
      let pick = Viewer.scene.pick(event.position); 
      if (Cesium.defined(pick)) { 
        if (pick.id && pick.id._properties) { 
          that.showProperties(pick.id._properties); 
        } 
      } 
    }, Cesium.ScreenSpaceEventType.LEFT_CLICK); 
  }, 
  addRightClick() { 
    var that = this; 
    let handler = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas); 
    handler.setInputAction(function (event) { 
      console.log("您的鼠标右击了一下"); 
      store.state.rightMeuFlag = false; 
      let pick = Viewer.scene.pick(event.position); 
 
      if (Cesium.defined(pick)) { 
        console.log(123) 
      }else{ 
  // 开启右侧菜单 
  that.showRightMenu(event); 
  // 右击获取经纬度 
  that.setRIghtPosition(event); 
      } 
     
    }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);  
  }, 
  showProperties(res) { 
    store.state.showProperties = res; 
  }, 
  setRIghtPosition(res) { 
    var coodinate = configTool.getViewerPosition(res); 
    store.state.rightCoodinate = coodinate; 
  }, 
  showRightMenu(res) { 
    document.getElementsByClassName("rightMenuBox")[0].style.left = 
      res.position.x + "px"; 
    document.getElementsByClassName("rightMenuBox")[0].style.top = 
      res.position.y + "px"; 
    store.state.rightMeuFlag = true; 
  }, 
}; 
export default mapClick;