youhua

少年

2024-01-20 bcb686607ddff77f83b5e6d597f483b3d49e596e

 src/components/leftMenu/sousuo.vue

@@ -58,6 +58,14 @@
          @input="changeInput"
          clearable
        >
          <el-select v-model="select" slot="prepend" placeholder="请选择">
            <el-option
              v-for="(item, index) in options"
              :key="index"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
          <el-button
            slot="append"
            icon="el-icon-search"
@@ -128,7 +136,10 @@
  height: 100%;
  top: 0;
  background-color: #f3f3f3;
  z-index: 3000;
  z-index: 99;
}
.el-select {
  width: 80px;
}

/* 每条搜索结果 */
@@ -178,8 +189,8 @@
import axios from "axios";
import store from "@/utils/store.js";
import common from "@/components/common";
let flyPoint;
let flyLine;
window.flyPoint = null;
window.flyLine = null;
let Allresults = [];

export default {
@@ -193,25 +204,40 @@
      showList: false,
      total: 0,
      poiList: [],
      select: "全部",
      options: [
        {
          label: "全部",
          value: "全部",
        },
        {
          label: "POI",
          value: "POI",
        },
        {
          label: "地块",
          value: "地块",
        },
      ],
    };
  },
  methods: {
    clearval() {
      this.syssval = "请输入关键词搜索地图";
      flyPoint && Viewer.entities.remove(flyPoint);
      flyPoint = undefined;
      flyLine && sgworld.Creator.DeleteObject(flyLine);
      flyLine = undefined;
      window.flyPoint && Viewer.entities.remove(window.flyPoint);
      window.flyPoint = undefined;
      window.flyLine && sgworld.Creator.DeleteObject(window.flyLine);
      window.flyLine = undefined;
      this.poi_text = "";
      this.ssjgxs = false;
    },
    changeInput() {
      if (this.poi_text === "") {
        this.ssjgxs = false;
        flyPoint && Viewer.entities.remove(flyPoint);
        flyPoint = undefined;
        flyLine && sgworld.Creator.DeleteObject(flyLine);
        flyLine = undefined;
        window.flyPoint && Viewer.entities.remove(window.flyPoint);
        window.flyPoint = undefined;
        window.flyLine && sgworld.Creator.DeleteObject(window.flyLine);
        window.flyLine = undefined;
      } else {
        clearTimeout(timers);
        timers = setTimeout(() => {
@@ -262,6 +288,8 @@
        this.ssjgxs = true;
        Allresults = [];
        this.poiList = [];
        switch (this.select) {
          case "全部":
        axios
          .all([
            // 115接口（可查地块名）
@@ -367,6 +395,82 @@
              console.log("error");
            }
          );
            break;
          case "POI":
            axios
              .get(common.poiserve, {
                params: {
                  request: "GdPoi",
                  keywords: this.poi_text,
                  output: "json",
                  coord: "cgcs2000",
                  offset: 20,
                  page: 1,
                },
              })
              .then((res) => {
                // 高德
                if (res.data.status == 1) {
                  res.data.pois.forEach((val) => {
                    let poiarr = val.location.split(",");
                    let poi = {
                      lon: parseFloat(poiarr[0]),
                      lat: parseFloat(poiarr[1]),
                    };
                    let obj = {
                      address: val.address,
                      adname: val.area,
                      cityname: val.city,
                      id: val.uid,
                      lat: poi.lat,
                      lng: poi.lon,
                      name: val.name,
                      pname: val.province,
                    };
                    Allresults.push(obj);
                  });
                }
                this.total = Allresults.length;
                this.poiList = Allresults;
                this.showList = true;
              });
            break;
          case "地块":
            axios
              .post(common.poiserve2, {
                adcode: "110115",
                address: {
                  name: "",
                  type: "",
                },
                adname: "大兴区",
                cityname: "北京市",
                name: {
                  name: this.poi_text,
                  type: "",
                },
                page: 1,
                perPageCount: 20,
                pcode: "110000",
                pname: "",
                resType: "",
              })
              .then((res) => {
                if (res.status == 200) {
                  res.data.data.res
                    .filter((item) => {
                      return item.name.includes(this.poi_text);
                    })
                    .forEach((val) => {
                      Allresults.push(val);
                    });
                }
                this.total = Allresults.length;
                this.poiList = Allresults;
                this.showList = true;
              });
            break;
        }
      }
    },
    getPosition(geo) {
@@ -380,8 +484,8 @@
      // let degrees = item.location.split(',');
      // let degrees = [item.location.lng, item.location.lat];
      let degrees = [item.lng, item.lat];
      flyPoint && Viewer.entities.remove(flyPoint);
      flyLine && sgworld.Creator.DeleteObject(flyLine);
      window.flyPoint && Viewer.entities.remove(window.flyPoint);
      window.flyLine && sgworld.Creator.DeleteObject(window.flyLine);
      sgworld.Navigate.flyToPointsInterest({
        destination: Cesium.Cartesian3.fromDegrees(
          degrees[0],
@@ -390,7 +494,7 @@
        ),
      });
      // 添加点位
      flyPoint = Viewer.entities.add({
      window.flyPoint = Viewer.entities.add({
        position: Cesium.Cartesian3.fromDegrees(degrees[0], degrees[1]),
        billboard: {
          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
@@ -399,7 +503,7 @@
          heightReference: 1,
          disableDepthTestDistance: Number.POSITIVE_INFINITY,
        },
        properties:item
        properties: item,
      });
      // 如果是地块，添加范围线
      if (item.type == "大兴用地") {
@@ -428,7 +532,7 @@
                  z: 0,
                });
              }
              flyLine = sgworld.Creator.createPolyline(
              window.flyLine = sgworld.Creator.createPolyline(
                geometry,
                "#ff0000",
                1,