src/assets/closeinput1.png

 src/assets/img/collection/compass.png

 src/assets/img/collection/recover-1.png

 src/assets/img/collection/recover.png

 src/assets/img/layer/ewdt.png

 src/assets/img/layer/lishiyingxiang.png

 src/assets/img/layer/qiyefenbu.png

Binary files differ

 src/assets/img/layer/qiyexinxi.png

 src/assets/img/layer/shipinjiankong.png

 src/assets/img/layer/shizhengganti.png

 src/assets/img/layer/tudiguanli.png

 src/assets/img/layer/yxdt.png

 src/assets/img/navigation/location.png

 src/assets/img/navigation/tuc-1.png

 src/assets/img/navigation/tuc.png

 src/assets/img/navigation/tucA-1.png

 src/assets/img/navigation/tucA.png

 src/assets/img/search/back.png

 src/assets/img/search/ÐÎ×´ 1@2x.png

 src/components/leftMenu/sousuo2.vue

@@ -2,18 +2,29 @@
  <div id="sousuo" class="sousuo">
    <!-- æœç´¢æ¡† -->
    <div class="ssk" v-show="ssk.show">
      <span @click="ssjmxs" style="float: left; height: 100%; width: 80%; overflow: hidden"><i class="el-icon-search"
          style="padding: 0px 15px 0px 20px"></i>{{ syssval }}</span>
      <span v-show="syssval !== '请输入关键词搜索地图'" @click="clearval" style="float: right; height: 100%; width: 20%"><i
          class="el-icon-circle-close"></i></span>
      <span v-show="syssval !== '请输入关键词搜索地图'" style="
      <span
        @click="ssjmxs"
        style="float: left; height: 100%; width: 80%; overflow: hidden"
        ><i class="el-icon-search" style="padding: 0px 15px 0px 20px"></i
        >{{ syssval }}</span
      >
      <span
        v-show="syssval !== '请输入关键词搜索地图'"
        @click="clearval"
        style="float: right; height: 100%; width: 20%"
        ><i class="el-icon-circle-close"></i
      ></span>
      <span
        v-show="syssval !== '请输入关键词搜索地图'"
        style="
          float: right;
          height: 100%;
          width: 10%;
          position: absolute;
          top: -1px;
          right: -3px;
        ">
        "
      >
        <!-- <img src="@/assets/img/navigation/addf.png" style="width: 20px" @click.stop="AddFavorite" /> -->
      </span>
      <!-- <span v-show="syssval == '请输入关键词搜索地图'" style="float: right; height: 100%; width: 10%">
@@ -22,33 +33,42 @@
    </div>
    <!-- æœç´¢ç•Œé¢ -->
    <div class="ssjm" v-show="ssjm">
      <!-- æœç´¢ç•Œé¢é¡¶éƒ¨ -->
      <div class="menutop">
        <div class="menutitle">搜索</div>
        <div class="menuback" @click="cancless">关闭</div>
      </div>
      <!-- æœç´¢æ¡† -->
      <div style="margin: 0.1rem 0">
        <el-input placeholder="输入关键字搜索地图" autofocus v-model="poi_text" @input="changeInput" clearable>
      <div class="search-container" style="margin: 0.1rem 0">
        <div class="back" @click="cancless"></div>
        <el-input
          placeholder="输入关键字搜索地图"
          autofocus
          v-model="poi_text"
          @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-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" @click="search"></el-button>
          <el-button slot="append" @click="search">搜索</el-button>
        </el-input>
      </div>
      <!-- ç»“果显示 -->
      <div v-if="total != 0">
        <div class="ssjg" v-show="ssjgxs">
          <div class="everyinfo" v-for="(item, index) in poiList" :key="index" @click="flyTo(item)">
            <div style="margin: 0.05rem 0">
              <i class="el-icon-map-location"></i>{{ item.name }}
          <div
            class="everyinfo"
            v-for="(item, index) in poiList"
            :key="index"
            @click="flyTo(item)"
          >
            <div class="poiName" style="margin: 0.05rem 0">
              <img src="@/assets/img/navigation/location.png" alt="" />
              <span>{{ item.name }}</span>
            </div>
            <div style="font-size: 0.12rem; color: black">
              <!-- <span>地址:{{ item.address ? item.address : "暂无详细地址" }}</span><br />
              <span>电话:{{ item.telphone ? item.telphone : "暂无联系方式" }}</span> -->
              <!-- <span>区域:{{ item.area ? item.area : "暂无区域信息" }}</span> -->
              <!-- <br /> -->
              <span>地址:{{ item.address ? item.address : "暂无详细地址" }}</span>
            <div class="addressBox">
              <span>{{ item.address ? item.address : "暂无详细地址" }}</span>
            </div>
          </div>
        </div>
@@ -94,35 +114,107 @@
  background-color: #f3f3f3;
  z-index: 99;
}

.el-select {
  width: 80px;
.search-container {
  /* background-color: #fff; */
  background-color: #fff;
  display: flex;
  height: 52px;
  align-items: center;
}
.back {
  background: url("~@/assets/img/search/back.png") center center no-repeat;
  background-size: 10px 17px;
  height: 40px;
  width: 50px;
}

.el-input {
  width: 85%;
  background-color: #eee;
  border-radius: 13px;
}
.el-input /deep/ .el-input-group__append,
.el-input /deep/ .el-input-group__prepend {
  background-color: transparent;
  border: none;
}

.el-input /deep/ .el-input__inner {
  border: none;
  font-weight: 500;
  font-size: 17px;
  color: #3e3d3d;
}
.el-select {
  width: 80px;
  position: relative;
}
.el-select:after {
  content: "";
  position: absolute;
  right: 0;
  height: 24px;
  border-left: 1px solid #dcdcdc;
  top: 50%;
  transform: translateY(-50%);
}
.el-input /deep/ .el-input-group__append {
  width: 50px;
  padding-right: 25px;
}
.el-input /deep/ .el-input-group__append .el-button {
  font-size: 15px;
  color: #ffffff;
  line-height: 17px;
  background: #2477ff;
  border-radius: 13px;
  padding: 10px;
  width: 62px;
  height: 33px;
}

.el-scrollbar .hover {
  background: none;
}


/* æ¯æ¡æœç´¢ç»“æžœ */
.everyinfo {
  color: #409eff;
  padding: 0.05rem;
  font-size: 0.16rem;
  border-bottom: 1px solid lightgray;
}

/* 
  æœç´¢ç»“æžœ 
*/
.ssjg {
  overflow-x: hidden;
  overflow-y: scroll;
  /* max-height: 4rem; */
  max-height: 80vh;
  max-height: calc(98vh - 50px);
  background: white;
  padding: 0.2rem;
  border-radius: 0.05rem;
}

.ssjg .everyinfo {
  color: #409eff;
  padding: 0.05rem;
  font-size: 0.16rem;
  border-bottom: 1px solid lightgray;
}
.ssjg .poiName {
  display: flex;
  align-items: center;
  height: 20px;
}
.ssjg .poiName img {
  width: 20px;
}
.ssjg .poiName span {
  margin-left: 7px;
  line-height: 20px;
}
.ssjg .addressBox {
  text-indent: 27px;
  margin-top: 5px;
  color: #000;
  font-weight: 500;
  font-size: 13px;
}
.ssjg::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
@@ -153,7 +245,7 @@
import axios from "axios";
import store from "@/utils/store2.js";
import common from "@/components/common";
import { createPointMarker, flyToPoint } from '@/utils/map2.js'
import { createPointMarker, flyToPoint } from "@/utils/map2.js";
window.flyPoint = null;
window.flyLine = null;
let Allresults = [];
@@ -196,10 +288,10 @@
      this.poi_text = "";
      this.ssjgxs = false;
      if (window.pointArr && window.pointArr.length > 0) {
        window.pointArr.forEach(item => {
          window.mapapi.removeLayer(item)
        })
        window.pointArr = []
        window.pointArr.forEach((item) => {
          window.mapapi.removeLayer(item);
        });
        window.pointArr = [];
      }
    },
    changeInput() {
@@ -224,10 +316,10 @@
    cancless() {
      this.ssjm = false;
      if (window.pointArr && window.pointArr.length > 0) {
        window.pointArr.forEach(item => {
          window.mapapi.removeLayer(item)
        })
        window.pointArr = []
        window.pointArr.forEach((item) => {
          window.mapapi.removeLayer(item);
        });
        window.pointArr = [];
      }
    },
    getArea() {
@@ -275,14 +367,14 @@
          if (res.data.status == "1") {
            res.data.pois &&
              res.data.pois
                // .filter((item) => {
                //   var reg = new RegExp("[\\u4E00-\\u9FFF]+", "g");
                //   return (
                //     item.pname.includes("北京") &&
                //     item.name.includes(this.poi_text) &&
                //     !reg.test(item.typecode)
                //   );
                // })
                .filter((item) => {
                  var reg = new RegExp("[\\u4E00-\\u9FFF]+", "g");
                  return (
                    item.pname.includes("北京") &&
                    item.name.includes(this.poi_text) &&
                    !reg.test(item.typecode)
                  );
                })
                .forEach((val) => {
                  let poiarr = val.location.split(",");
                  let poi = {
@@ -504,27 +596,10 @@
      this.ssjm = false;
      this.syssval = item.name;
      //飞行定位
      flyToPoint([item.lng, item.lat])
      flyToPoint([item.lng, item.lat]);
      //创建点位
      let layer = createPointMarker([item.lng, item.lat], item);
      window.mapapi.addLayer(layer)

















      window.mapapi.addLayer(layer);

      // let that = this;
      // let degrees = item.location.split(',');

 src/components/poplayer/history2.vue

@@ -11,7 +11,9 @@
          @click="changeLeftMap(item)"
          :class="{ active: currentValue == item }"
        >
          {{ item }}
          <span>
            {{ item }}
          </span>
        </li>
      </ul>
    </div>
@@ -19,6 +21,7 @@
</template>

<script>
import _GLOBAL from "@/assets/GLOBAL";
import store from "@/utils/store2";
import { addHistoryLayer } from "@/utils/tool";
export default {
@@ -60,30 +63,45 @@
<style scoped>
.colseBtn {
  position: absolute;
  top: 3vh;
  right: 20px;
  top: 20px;
  right: 9px;
}

.searchBtn {
  width: 40px;
  height: 40px;
  width: 51px;
  /* height: 40px; */
}

.listBox {
  position: absolute;
  right: 20px;
  bottom: 0.5rem;
  background-color: #373737;
  right: 10px;
  bottom: 18px;
  width: 48px;
  height: 594px;
  background: #ffffff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.21);
  border-radius: 13px;
}

.listBox ul {
  margin-top: 3px;
}
.listBox li {
  padding: 2px;
  border: 1px solid #000;
  color: white;
  font-weight: bold;
  font-size: 15px;
  color: #1c222f;
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.listBox li:last-child {
  border: none;
}

.listBox li:hover {
  background-color: #00e1ff;
  /* background-color: #00e1ff; */
  color: #127dff;
}

.mapLeft {
@@ -94,6 +112,7 @@
}

.active {
  background-color: #4590d7;
  /* background-color: #4590d7; */
  color: #127dff;
}
</style>

 src/components/rightMenu/bottom2.vue

@@ -1,11 +1,16 @@
<template>
  <div class="bottom" id="bottom" :style="customStyle" v-if="state1.show">
    <!-- <div class="mapTool">
      <div class="tool-rotate" @click="PointingNorth" title="指北">
        <img src="@/assets/img/collection/compass.png" />
      </div>
    </div> -->
    <div class="mapTool">
      <div class="tool-rotate" @click="flyBack" title="复位">
        <img src="@/assets/img/collection/recover.png" />
      </div>
    </div>
    <div class="mapTool" v-show="test.fwval">
    <div class="mapTool2" v-show="test.fwval">
      <div class="tool-rotate" @click="zoomIn" title="放大">
        <img src="@/assets/img/collection/add.png" />
      </div>
@@ -19,23 +24,38 @@

<style scoped>
.mapTool {
  border-radius: 10px;
  width: 51px;
  /* border-radius: 10px; */
  /* background: #ffffff; */
  /* margin-bottom: 8px; */
}
.mapTool .tool-rotate img {
  width: 100%;
}
.mapTool2 {
  width: 40px;
  height: 80px;
  margin: 0 auto;
  background: #ffffff;
  margin-bottom: 8px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.21);
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.mapTool2 .tool-rotate img {
  width: 18px;
}
.border {
  border: 0.5px solid #efecec;
  width: 36px;
  height: 1px;
  border: 1px solid #e5e5e5;
}

.tool-rotate {
/* .tool-rotate {
  padding: 8px;
}

.tool-rotate img {
  width: 20px;
  height: 20px;
}
} */
</style>
    
<script>
@@ -45,7 +65,7 @@
  props: ["test"],
  data() {
    return {
      state1:store.mapTools,
      state1: store.mapTools,
      state: store.layerPanel,
      customStyle: {
        position: "absolute",
@@ -61,7 +81,7 @@
        if (newVal) {
          this.customStyle = {
            position: "absolute",
            top: "2rem",
            top: "calc(0.75rem + 51px)",
            right: "0.1rem",
          };
        } else {
@@ -107,6 +127,10 @@
        duration: 1000, // ç¼©æ”¾æŒç»­æ—¶é—´ï¼Œé»˜è®¤ä¸éœ€è¦è®¾ç½®
      });
    },
    PointingNorth() {
      alert("指北针开发中");
      // console.log("指北针开发中")
    },
  },
};
</script>

 src/components/rightNavigation/NavigationBar2.vue

@@ -1,9 +1,10 @@
<template>
  <div class="navigationBar" v-if="state.show">
    <div class="menuBtn" @click="handleMenuListShow">
    <!-- <div class="menuBtn" @click="handleMenuListShow">
      <img src="@/assets/img/navigation/menuicon.png" />
    </div>
    <div class="menuList" v-show="showMenuList.show">
    </div> -->
    <!-- <div class="menuList" v-show="showMenuList.show"> -->
    <div class="menuList" v-show="true">
      <ul>
        <li
          v-for="(value, key) in menuList"
@@ -16,7 +17,7 @@
              :src="showState[value.attr].show ? value.imgActive : value.img"
              :class="showState[value.attr].show ? 'Active' : 'noActive'"
            />
            <span>{{ value.name }}</span>
            <!-- <span>{{ value.name }}</span> -->
          </div>
        </li>
      </ul>
@@ -30,7 +31,7 @@
  name: "NavigationBar",
  data() {
    return {
      state:store.navigator,
      state: store.navigator,
      showMenuList: store.MenuList,
      resetShowState: store.resetLink,
      favoriteShowState: store.favorite,
@@ -221,22 +222,25 @@
}

.menuList {
  padding: 0px 2px;
  /* background-color: red; */
  /* padding: 0px 2px;
  position: absolute;
  margin-top: 0.1rem;
  right: 0;
  background-color: white;
  border-radius: 10px;
  border-radius: 10px; */
}

.menuItem {
  width: 32px;
  width: 51px;
  /* width: 32px;
  color: black;
  margin-top: 10px;
  margin-bottom: 7px;
  border-bottom: 1px solid #e8e8e9;
  background-color: #bfa;
  text-align: center;
  cursor: pointer;
  cursor: pointer; */
}

li:last-child .menuItem {
@@ -244,13 +248,13 @@
}

.menuItem img {
  width: 24px;
  text-align: center;
  width: 100%;
  /* text-align: center; */
}

.menuItem span {
/* .menuItem span {
  display: block;
  text-align: center;
  margin-top: 2px;
}
} */
</style>

 src/components/sideMenu/layerMenu/layerPanel2.vue

@@ -1,7 +1,7 @@
<template>
  <div class="layerPanel">
    <div class="mapMode">
      <div class="title" style="margin-top: 0px">地图模式</div>
      <div class="title">地图模式</div>
      <div class="container">
        <div
          class="layerItem"
@@ -33,8 +33,8 @@
        </div>
      </div>
    </div>
    <div class="areaType" style="margin-top: 10px">
      <div class="title">
    <div class="areaType">
      <div class="title ZTtitle">
        ä¸“题应用
        <!-- ä¸æ˜¾ç¤ºæ›´å¤šå›¾å±‚ -->
        <span class="more" v-show="false" @click.stop="showLayerTree"
@@ -53,9 +53,6 @@
            ZTValue.name
          }}</span>
        </div>
      </div>
      <div class="title2"></div>
      <div class="container">
        <div
          class="layerItem"
          v-for="(funcValue, funcIndex) in FuncList"
@@ -70,7 +67,24 @@
            funcValue.name
          }}</span>
        </div>
        <!-- <div style="height: 0" class="layerItem" v-for="n in 3" :key="n"></div> -->
      </div>
      <!-- <div class="container">
        <div
          class="layerItem"
          v-for="(funcValue, funcIndex) in FuncList"
          :key="funcValue.id"
          @click.stop="handleFuncClick(funcIndex)"
        >
          <img
            :src="funcValue.src"
            :class="{ active: curFuncIndex == funcIndex }"
          />
          <span :class="{ spanActive: curFuncIndex == funcIndex }">{{
            funcValue.name
          }}</span>
        </div>
      </div> -->
    </div>

    <!-- <div class="yjsxt">
@@ -532,66 +546,113 @@
<style scoped>
.layerPanel {
  width: 100%;
  /* height: 396px; */
  position: absolute;
  bottom: 0px;
  align-items: center;
  padding: 0.1rem;
  background: white;
  z-index: 1000;
  padding-left: 0.25rem;
  /* padding: 0.1rem; */
  background: #ffffff;
  /* z-index: 1000; */
  /* padding-left: 0.25rem; */
  border-radius: 15px 15px 0px 0px;
}
.mapMode {
  width: 100%;
  margin-top: 24px;
  padding-left: 28px;
}

@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url("../../../../static/YouSheBiaoTiHei.ttf");
}
.title {
  height: 25px;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 700;
  color: #181818;
  line-height: 25px;
  margin: 10px 0px 10px 0;
  width: 72px;
  height: 14px;
  font-family: "YouSheBiaoTiHei";
  font-weight: 400;
  font-size: 19px;
  color: #2e2e2e;
  line-height: 15px;
  margin-bottom: 18px;
}

.title2 {
  height: 15px;
}

.container {
.mapMode .container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}

.layerItem {
  /* font-size: 14px; */
  font-family: Source Han Sans SC;
  font-family: "微软雅黑";
  font-weight: 400;
  margin-right: 30px;
  cursor: pointer;
}

.active {
  color: #4187ff;
  border: 2px solid #4187ff;
.mapMode .layerItem {
  width: 91px;
  margin-right: 24px;
}
.mapMode img {
  display: block;
  width: 91px;
  border-radius: 11px;
  border: 1px dashed #127dff;
  margin-bottom: 11px;
}
span {
  font-family: "微软雅黑";
  font-weight: 500;
  font-size: 15px;
  color: #212121;
  line-height: 12px;
}
.mapMode .active,
.areaType .active {
  color: #127dff;
  border: 2px solid #127dff;
  border-radius: 10px;
}

.spanActive {
  color: #4187ff;
  color: #127dff;
}
.areaType {
  width: 100%;
  margin-top: 30px;
}

img {
.areaType .ZTtitle {
  margin-left: 28px;
  margin-bottom: 3px;
}
.areaType .container {
  margin-top: 18px;
  padding: 0 4%;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
}
.areaType .layerItem {
  margin-bottom: 15px;
}

.areaType img {
  margin: 0 auto;
  /* background-color: green; */
  display: block;
  width: 60px;
  height: 40px;
  margin-bottom: 5px;
  width: 53px;
  border-radius: 11px;
  box-shadow: 0 0 5px 5px rgb(196 222 236 / 30%);
  margin-bottom: 11px;
}

.more {
  float: right;
  margin-right: 20px;
  font-size: 0.12rem;
  color: #4187ff;
  color: #127dff;
  line-height: 25px;
  font-weight: 500;
  font-family: unset;

 src/utils/tool.js

@@ -130,8 +130,6 @@
    window.mapapi.addLayer(_GLOBAL.historyLayer);
}



//实时获取定位
export function getCurrentPosition() {
    if (navigator.geolocation) {

 src/utils/ztt.js

@@ -9,7 +9,7 @@
        id: "qiyexinxi",
        name: "企业信息",
        active: false,
        src: require("@/assets/img/layer/qiyefenbu.png"),
        src: require("@/assets/img/layer/qiyexinxi.png"),
    },
    {
        id: "shizhengganti",

 src/utils/ztt2.js

@@ -9,7 +9,7 @@
        id: "qiyexinxi",
        name: "企业信息",
        active: false,
        src: require("@/assets/img/layer/qiyefenbu.png"),
        src: require("@/assets/img/layer/qiyexinxi.png"),
    },
    {
        id: "shizhengganti",

 static/SmartEarthSDK/Workers/image/xzspj/camera.png

 static/SmartEarthSDK/Workers/image/xzspj/ganti.png

 static/SmartEarthSDK/Workers/image/xzspj/qiye.png

 static/YouSheBiaoTiHei.ttf

Binary files differ