北京经济技术开发区经开区虚拟城市项目-【前端】-移动端Web
少年
2024-01-23 f46b6521422b893c35f18f506a4d7e90effc6120
youhua
已修改6个文件
151 ■■■■■ 文件已修改
src/components/leftMenu/sousuo.vue 101 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/poplayer/poplayer.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/rightNavigation/NavigationBar.vue 14 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/utils/map.js 10 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/utils/poiKeys.js 5 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
static/json/layer.js 19 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/leftMenu/sousuo.vue
@@ -183,12 +183,14 @@
  background: rgba(218, 218, 218, 0.1);
}
</style>
<script>
let timers = null;
import axios from "axios";
import store from "@/utils/store.js";
import common from "@/components/common";
window.flyPoint = null;
window.flyLine = null;
let Allresults = [];
@@ -368,28 +370,41 @@
                  // }
                  // 高德
                  if (data[1].data.status == 1) {
                    data[1].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);
                    });
                    data[1].data.pois
                      .filter((item) => {
                        return (
                          item.pname.includes("北京") &&
                          item.name.includes(this.poi_text)
                        );
                      })
                      .forEach((val) => {
                        let poiarr = val.location.split(",");
                        let poi = {
                          lon: parseFloat(poiarr[0]),
                          lat: parseFloat(poiarr[1]),
                        };
                        let obj = {
                          adcode: val.adcode,
                          address: val.address,
                          adname: val.area,
                          citycode: val.citycode,
                          cityname: val.cityname,
                          id: val.uid,
                          lat: poi.lat,
                          lng: poi.lon,
                          name: val.name,
                          pcode: val.pcode,
                          pname: val.province,
                          type: val.type,
                          typecode: val.typecode,
                        };
                        Allresults.push(obj);
                      });
                  }
                  this.total = Allresults.length;
                  this.poiList = Allresults;
                  this.showList = true;
                  console.log(Allresults);
                },
                (response) => {
                  console.log("error");
@@ -411,24 +426,36 @@
              .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);
                  });
                  res.data.pois
                    .filter((item) => {
                      return (
                        item.pname.includes("北京") &&
                        item.name.includes(this.poi_text)
                      );
                    })
                    .forEach((val) => {
                      let poiarr = val.location.split(",");
                      let poi = {
                        lon: parseFloat(poiarr[0]),
                        lat: parseFloat(poiarr[1]),
                      };
                      let obj = {
                        adcode: val.adcode,
                        address: val.address,
                        adname: val.area,
                        citycode: val.citycode,
                        cityname: val.cityname,
                        id: val.uid,
                        lat: poi.lat,
                        lng: poi.lon,
                        name: val.name,
                        pcode: val.pcode,
                        pname: val.province,
                        type: val.type,
                        typecode: val.typecode,
                      };
                      Allresults.push(obj);
                    });
                }
                this.total = Allresults.length;
                this.poiList = Allresults;
src/components/poplayer/poplayer.vue
@@ -67,7 +67,7 @@
.Poplayer {
  /* min-width: 350px; */
  width: 80vw;
  min-height: 180px;
  /* min-height: 180px; */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("./img/bg.png");
src/components/rightNavigation/NavigationBar.vue
@@ -5,8 +5,6 @@
        <img src="@/assets/img/navigation/menuicon.png" />
      </el-button>
    </div>
    <!-- <div class="menuBtn" @click="handleMenuListShow"></div> -->
    <div class="menuList" v-show="showMenuList.show">
      <ul>
        <li
@@ -106,6 +104,7 @@
    };
  },
  methods: {
    // 点击右上角菜单按钮
    handleMenuListShow() {
      // 清除定点绕飞
      if (window.pointerFly) {
@@ -118,9 +117,16 @@
      this.showMenuList.show = !this.showMenuList.show;
      store.setMenuListShow(this.showMenuList.show);
    },
    // 点击右上角菜单项
    handleMenuClick(attr) {
      debugger;
      //清除点
      // debugger;
      // 清除定点绕飞
      if (window.pointerFly) {
        window.pointerFly.end && window.pointerFly.end();
        window.pointerFly = null;
      }
      //清除搜索点
      flyPoint && Viewer.entities.remove(flyPoint);
      flyPoint = undefined;
      switch (attr) {
src/utils/map.js
@@ -84,7 +84,6 @@
    axios
        .get(window.gisBaseUrl + '/gisserver/wfsserver/yinjing?version=1.3.0&request=GetFeature&format=json&typename=yz井数据')
        .then(res => {
            debugger
            // let manholeList = JSON.parse(res.data);
            store.setLayerPanelShow(false);
            res.data.features.forEach((item, index) => {
@@ -140,7 +139,6 @@
//     axios
//         .get(window.gisBaseUrl + '/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=企业链企业')
//         .then(res => {
//             debugger
//             // let manholeList = JSON.parse(res.data);
//             store.setLayerPanelShow(false);
//             res.data.features.forEach((item, index) => {
@@ -183,7 +181,6 @@
    axios
        .get(window.gisBaseUrl + '/gisserver/wfsserver/YZ_SPJK_NEW_wfs?version=1.3.0&request=GetFeature&format=json&typename=摄像头0423')
        .then(res => {
            debugger
            store.setLayerPanelShow(false);
            res.data.features.forEach((item, index) => {
                window.clusterLayer.add(
@@ -614,8 +611,7 @@
                    })
            }
            let nPickFeature = sgworld.Viewer.scene.pick(event.position);
            console.log(nPickFeature);
            // console.log(nPickFeature);
            // if (nPickFeature == undefined) {
            //     window.flyPoint && Viewer.entities.remove(window.flyPoint);
            //     window.flyPoint = undefined;
@@ -716,11 +712,14 @@
                        return
                    } else if (propertyNames.indexOf("部件名称") !== -1) {
                        objdata = {
                            // 点位类型(中英文配置表poiKeys.js)
                            POITYPE: "CSBJ",
                            // 展示字段
                            name: properties["部件名称"]._value,
                            address: properties["安装地址"]._value,
                            code: properties["部件编码"]._value,
                            type: properties["部件类型"]._value,
                            // 弹框经纬度
                            lon: lon,
                            lat: lat,
                        }
@@ -749,6 +748,7 @@
                        objdata = {
                            POITYPE: "POINT",
                            name: properties["_name"]._value,
                            address: properties["_address"]._value,
                            lat: properties["_lat"]._value,
                            lon: properties["_lng"]._value,
                        }
src/utils/poiKeys.js
@@ -44,8 +44,9 @@
    },
    'POINT': {
        名称: 'name',
        经度: 'lon',
        纬度: 'lat'
        // 经度: 'lon',
        // 纬度: 'lat',
        地址: 'address'
    }
}
export default keys
static/json/layer.js
@@ -76,12 +76,25 @@
    {
        name: '影像地图',
        children: [
            {
                "id": "69EB42A8",
                "sourceType": "gdmap",
                "name": "高德注记",
                "urls": "https://webst02.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}",
                "layer": "",
                "alpha": 1,
                "maximumLevel": 18,
                "zIndex": 2,
                "Level": "0,26",
                "checked": false,
                "rename": false
            },
            {
                "id": "C0698021",
                "sourceType": "arcgis",
                "name": "航拍影像",
                "urls": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
                "layer": "",
                // "alpha": 1,
                "zIndex": 1,
                // "Level": "0,26",
@@ -112,7 +125,7 @@
                "maximumLevel": 26,
                "alpha": 1,
                "zIndex": 7,
                "Level": "11,20",
                "Level": "10,20",
                "checked": false,
                "rename": false,
                "flyTo": [
@@ -131,7 +144,7 @@
                "maximumLevel": 26,
                "alpha": 1,
                "zIndex": 7,
                "Level": "10,20",
                "Level": "9,20",
                "flyTo": [
                    "116.50281",
                    "39.75291",