功能添加

suerprisePlus

2024-06-13 28de79b44655118b1deffb5c9a8b06ec2904905b

 src/assets/js/mapClick.js

@@ -1,51 +1,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("您的鼠标右击了一下");
      // 开启右侧菜单
      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;
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;