+

liuyg

2021-12-15 b7c39e4ccd65249dc385d76d08ed59834f83ad97

 src/components/mobilemap/index.vue

@@ -1,8 +1,8 @@
/* eslint-disable camelcase */
<template>
  <div id="mobile-viewer-container">
    <!-- 地图图标弹窗↓ -->
    <div id="mobile-map_popup_content"></div>

    <div
      ref="mobile-mapContentContent"
      v-show="popupWindow"
@@ -25,21 +25,27 @@
          >图集</el-link
        >
        <el-divider direction="vertical"></el-divider>

        <el-link icon="el-icon-map-location">实景</el-link>
        <el-divider direction="vertical"></el-divider>
        <el-link icon="el-icon-aim">去这</el-link>
        <el-link icon="el-icon-aim" @click="goOn">去这</el-link>
      </div>
    </div>
    <!-- 地图图标弹窗↑ -->
    <!-- 控制↓ -->
    <mobileLeftNav ref="mobileLeftNav"></mobileLeftNav>
    <mobileCortrol ref="mobileCortrol"></mobileCortrol>
    <!-- <mobileCortrol ref="mobileCortrol"></mobileCortrol> -->
    <mobileCortrolButtom ref="mobileCortrolButtom"></mobileCortrolButtom>
    <mobileCortrolSearch ref="mobileCortrolSearch"></mobileCortrolSearch>
    <!-- 控制↑ -->
    <!-- 控制大弹窗的弹窗 -->
    <mobilePopupOurAfter v-if="mBigPopupAfter"></mobilePopupOurAfter>
    <!-- 大弹窗 -->
    <mobilePopupOur :style="[bigPopup]" v-if="mBigPopup"></mobilePopupOur>
  </div>
</template>
<script>
import { mapGetters } from "vuex";

import { location } from "../../position/position";
export default {
  name: "mobilemapBox",
  data() {
@@ -51,10 +57,28 @@
      ],
      popupFlag: false,
      popupWindow: false,
      bigPopup: {
        width: 0,
        height: 0,
        transition: "all 3s",
      },
    };
  },
  computed: {
    ...mapGetters(["mviewer"]),
    ...mapGetters(["mviewer", "mBigPopup", "mBigPopupAfter"]),
  },
  watch: {
    mBigPopup() {
      if (this.mBigPopup) {
        this.bigPopup.width = "100%";
        this.bigPopup.height = "100%";
        this.bigPopup.display = "inline-block";
      } else {
        this.bigPopup.width = "0";
        this.bigPopup.height = "0";
        this.bigPopup.display = "none";
      }
    },
  },
  mounted() {
    var DC = global.DC;
@@ -203,7 +227,7 @@
        viewer.scene.globe.depthTestAgainstTerrain = false;

        // console.log(document.getElementById("mobile-map_content_content"));
        console.log(e.position);
        // console.log(e.position);

        // 定制化窗体
        var divForms = new DC.mobileDivForms(viewer, {
@@ -216,8 +240,8 @@
        viewer.zoomToPosition(
          new DC.Position(
            e.wgs84Position.lng,
            e.wgs84Position.lat - 0.016,
            2030,
            e.wgs84Position.lat - 0.012,
            1530,
            0,
            -45
          )
@@ -232,7 +256,7 @@
      // )

      viewer.compass.enable = false;
      viewer.zoomController.enable = false;
      viewer.zoomController.enable = true;
      viewer.locationBar.enable = false;
      viewer.distanceLegend.enable = true;
    }
@@ -244,6 +268,35 @@
      let imgsDom = document.getElementById("mobileBigImgs");
      imgsDom.click();
    },
    goOn() {
      // if (navigator.geolocation) {
      //   navigator.geolocation.watchPosition(backPoint);
      // }
      // function backPoint(res) {
      //   console.log(res);
      //   let position = [res.coords.longitude, res.coords.latitude];
      //   console.log(position);
      // }
      // this.getLocation();
      // location((res) => {
      //   console.log(res);
      //   alert(res.message);
      // });
      // console.log(returnCitySN["cip"]);
    },
    getLocation() {
      // let _that = this;
      // let geolocation = location.initMap("map-container"); //定位
      // AMap.event.addListener(geolocation, "complete", (result) => {
      //   console.log(result);
      //   // console.log("hhha");
      //   // _that.lat = result.position.lat;
      //   // _that.lng = result.position.lng;
      //   // _that.province = result.addressComponent.province;
      //   // _that.city = result.addressComponent.city;
      //   // _that.district = result.addressComponent.district;
      // });
    },
  },
};
</script>