<template>
  <div id="index" style="position: relative">
    <div class="full-width full-height">
      <!-- <dv-loading v-if="loading">Loading...</dv-loading>
      <Header></Header>
      <div id="container" class="map" style="height: 100vh; border-radius: 5px" />
      <MiddleMenu></MiddleMenu> -->
      <MainPage></MainPage>
    </div>
  </div>
</template>

<script>
// import AMapLoader from "@amap/amap-jsapi-loader";
// import Header from "@/components/layout/header";
// import MiddleMenu from "@/components/layout/middleMenu";
import MainPage from "./components/mainPage";
export default {
  data() {
    return {
      loading: true,
      currtime: "",
      map: null,
      mapData: {
        map: {},
        keyword: "",
        selectedLocation: {},
        selectedAddress: "",
        marker: null, // 用于存储选中位置的标记
      },
    };
  },
  components: { MainPage },
  mounted() {
    // this.cancelLoading();
    // // 定时刷新当前时间
    // this.currentTime();
    // this.loadMap();
  },
  methods: {
    //   loadMap(evaArr) {
    //     window._AMapSecurityConfig = {
    //       securityJsCode: "f5abb0a2cae2075683e2e6d6f62dde18", // 密钥
    //     };
    //     AMapLoader.load({
    //       key: "fbe22df4797c15ebb02de6ee7de73892", // key值
    //       version: "2.0",
    //       plugins: ["AMap.PlaceSearch"],
    //     })
    //       .then((AMap) => {
    //         const mapInstance = new AMap.Map("container", {
    //           viewMode: "3D",
    //           zoom: 15,
    //           center: [114.266784, 30.513206], // 初始化地图中心点位置
    //           pitch: 40, // 设置俯仰角度，60度倾斜
    //           rotation: 30, // 设置地图旋转角度，30度旋转
    //           scrollWheel: true, // 启用滚动缩放
    //         });
    //         mapInstance.setMapStyle("amap://styles/darkblue");
    //         mapInstance.on("click", () => {
    //           let pitch = mapInstance.getPitch();
    //           mapInstance.setPitch(pitch + 0); // 每次点击增加俯仰角度
    //         });
    //         // 移除之前的标记
    //         if (this.mapData.marker) {
    //           this.mapData.marker.setMap(null);
    //         }
    //         const points = evaArr;
    //         console.log(points, "points");
    //         // 遍历点位数据并添加标记
    //         points.forEach((point) => {
    //           // 创建一个自定义图标的 HTML 元素
    //           const iconHtml = `
    //   <div style="position: relative;">
    //     <img src="https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png" style="width: 12px; height: 18px;">
    //     <div id='${point.id}' class='point-name' style="position: absolute; top:25px; left: -60px; width: 150px; height:20px;line-height:18px; background-color: white; border: 1px solid #000; text-align: center; color: #000; font-size:12px;z-index: 1;">
    //       ${point.elevatorName}
    //     </div>
    //   </div>
    // `;
    //           const marker = new AMap.Marker({
    //             position: new AMap.LngLat(point.lng, point.lat),
    //             title: point.name, // 标记的标题
    //             offset: new AMap.Pixel(-15, -30),
    //             content: iconHtml, // 使用自定义的 HTML 作为图标
    //           });
    //           marker.setMap(mapInstance); // 将标记添加到地图上
    //           // 存储选中位置的标记
    //           this.mapData.marker = marker;
    //         });
    //         this.mapData.map = mapInstance;
    //       })
    //       .catch((e) => {
    //         console.log(e);
    //       });
    //   },
    //   getTime: function () {
    //     var _this = this;
    //     let yy = new Date().getFullYear();
    //     let mm = new Date().getMonth() + 1;
    //     let dd = new Date().getDate();
    //     let hh = new Date().getHours();
    //     let mf =
    //       new Date().getMinutes() < 10
    //         ? "0" + new Date().getMinutes()
    //         : new Date().getMinutes();
    //     let ss =
    //       new Date().getSeconds() < 10
    //         ? "0" + new Date().getSeconds()
    //         : new Date().getSeconds();
    //     _this.currtime = yy + "-" + mm + "-" + dd + " " + hh + ":" + mf + ":" + ss;
    //   },
    //   currentTime() {
    //     setInterval(this.getTime, 500);
    //   },
    //   cancelLoading() {
    //     setTimeout(() => {
    //       this.loading = false;
    //     }, 500);
    //   },
  },
};
</script>

<style lang="scss">
@import "../assets/scss/index.scss";

/* 隐藏滚动条 */
::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

.map {
  width: 100%;
}
</style>
