diff --git a/package.json b/package.json
index c41fff4..a58d9d6 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "axios": "^0.19.2",
     "echarts": "^4.7.0",
     "element-ui": "^2.13.1",
+    "ol": "^6.4.3",
     "esri-loader": "^2.14.0",
     "html2canvas": "^1.0.0-rc.7",
     "js-file-download": "^0.4.12",

diff --git a/package.json b/package.json
index c41fff4..a58d9d6 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "axios": "^0.19.2",
     "echarts": "^4.7.0",
     "element-ui": "^2.13.1",
+    "ol": "^6.4.3",
     "esri-loader": "^2.14.0",
     "html2canvas": "^1.0.0-rc.7",
     "js-file-download": "^0.4.12",
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index bd66347..eb85612 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -135,6 +135,11 @@
                 ><el-input size="small" v-model="ruleForm.lat"></el-input
               ></el-form-item>
             </el-col>
+               <!-- 坐标拾取  -->
+                <el-col :span="5">
+           <el-button type="primary" @click="pickLngLat()">坐标拾取</el-button>
+            </el-col>
+              <!-- 坐标拾取  -->
           </el-form-item>
           <el-form-item label="站点安装位置" prop="address">
             <el-input
@@ -294,14 +299,29 @@
         </div>
       </template>
     </page-dialog>
+    <el-dialog
+      title="坐标拾取"
+      :visible.sync="dialogFormVisible"
+      :append-to-body="true"
+      :before-close="handleDialogClose"
+      customClass="addDialog"
+     
+    >
+     <markMap ref="markMap" v-on:SendLngLat="SendLngLat" style="height: 600px;width:1050px;" />
+    </el-dialog>
   </div>
 </template>
 <script>
 import axios from "axios";
 import { mapGetters } from "vuex";
+import markMap from "./markMap.vue";
 export default {
+   components: {
+        markMap
+    },
   data() {
     return {
+      dialogFormVisible:false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
@@ -617,6 +637,21 @@
     }
   },
   methods: {
+      //响应地图组件的确定，拾取坐标
+    SendLngLat(lonlat) {
+      this.dialogFormVisible=false;
+      this.ruleForm.lon=lonlat[0]
+      this.ruleForm.lat=lonlat[1]
+
+    },
+    //坐标拾取地图控件打开
+    pickLngLat(){
+      this.dialogFormVisible=true
+    },
+    //监听面板直接叉叉掉事件
+    handleDialogClose() {
+       this.dialogFormVisible = false;
+    },
     //上传头像
     fileChange(file) {
       this.loading = true;
@@ -972,6 +1007,10 @@
 };
 </script>
 <style lang="scss" scoped>
+.addDialog {
+  width:1050px;
+  height: 650px;
+}
 .imgtype {
   width: 150px;
   height: 100px;

diff --git a/package.json b/package.json
index c41fff4..a58d9d6 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "axios": "^0.19.2",
     "echarts": "^4.7.0",
     "element-ui": "^2.13.1",
+    "ol": "^6.4.3",
     "esri-loader": "^2.14.0",
     "html2canvas": "^1.0.0-rc.7",
     "js-file-download": "^0.4.12",
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index bd66347..eb85612 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -135,6 +135,11 @@
                 ><el-input size="small" v-model="ruleForm.lat"></el-input
               ></el-form-item>
             </el-col>
+               <!-- 坐标拾取  -->
+                <el-col :span="5">
+           <el-button type="primary" @click="pickLngLat()">坐标拾取</el-button>
+            </el-col>
+              <!-- 坐标拾取  -->
           </el-form-item>
           <el-form-item label="站点安装位置" prop="address">
             <el-input
@@ -294,14 +299,29 @@
         </div>
       </template>
     </page-dialog>
+    <el-dialog
+      title="坐标拾取"
+      :visible.sync="dialogFormVisible"
+      :append-to-body="true"
+      :before-close="handleDialogClose"
+      customClass="addDialog"
+     
+    >
+     <markMap ref="markMap" v-on:SendLngLat="SendLngLat" style="height: 600px;width:1050px;" />
+    </el-dialog>
   </div>
 </template>
 <script>
 import axios from "axios";
 import { mapGetters } from "vuex";
+import markMap from "./markMap.vue";
 export default {
+   components: {
+        markMap
+    },
   data() {
     return {
+      dialogFormVisible:false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
@@ -617,6 +637,21 @@
     }
   },
   methods: {
+      //响应地图组件的确定，拾取坐标
+    SendLngLat(lonlat) {
+      this.dialogFormVisible=false;
+      this.ruleForm.lon=lonlat[0]
+      this.ruleForm.lat=lonlat[1]
+
+    },
+    //坐标拾取地图控件打开
+    pickLngLat(){
+      this.dialogFormVisible=true
+    },
+    //监听面板直接叉叉掉事件
+    handleDialogClose() {
+       this.dialogFormVisible = false;
+    },
     //上传头像
     fileChange(file) {
       this.loading = true;
@@ -972,6 +1007,10 @@
 };
 </script>
 <style lang="scss" scoped>
+.addDialog {
+  width:1050px;
+  height: 650px;
+}
 .imgtype {
   width: 150px;
   height: 100px;
diff --git a/src/components/ConfigManager/markMap.vue b/src/components/ConfigManager/markMap.vue
new file mode 100644
index 0000000..ba8030e
--- /dev/null
+++ b/src/components/ConfigManager/markMap.vue
@@ -0,0 +1,162 @@
+<template>
+  <div id="rootMap">
+    <div id="map" ref="map">
+      <el-button type="primary" style=" position: absolute;
+    left: 869px;
+    bottom: 9px;
+    z-index: 99" @click="SendLngLat()">确定</el-button>
+    </div>
+  </div>
+</template>
+<script>
+
+import "ol/ol.css";
+
+import { Map, View, Feature, color } from "ol";
+import { DEVICE_PIXEL_RATIO } from "ol/has";
+import Circle from "ol/style/Circle";
+import * as layer from "ol/layer.js";
+import * as source from "ol/source.js";
+import * as geom from "ol/geom.js";
+import * as style from "ol/style.js";
+import Overlay from "ol/Overlay.js";
+import TileLayer from "ol/layer/Tile";
+
+import SourceVector from "ol/source/Vector";
+import LayerVector from "ol/layer/Vector";
+
+import Style from "ol/style/Style";
+import Fill from "ol/style/Fill";
+import Text from "ol/style/Text";
+
+import Stroke from "ol/style/Stroke";
+import Draw from "ol/interaction/Draw";
+import Icon from "ol/style/Icon";
+import Select from "ol/interaction/Select";
+import Modify from "ol/interaction/Modify";
+import FormatWKT from "ol/format/WKT";
+
+import ImageWMS from "ol/source/ImageWMS";
+import Image from "ol/layer/Image";
+import GeoJSON from "ol/format/GeoJSON";
+import LineString from "ol/geom/LineString";
+
+import { OSM, TileArcGISRest, XYZ } from "ol/source";
+import { defaults } from "ol/control";
+import ImageArcGISRest from "ol/source/ImageArcGISRest";
+import ImageLayer from "ol/layer/Image";
+import tagPng from "./../../../static/img/yjznewpng.png";
+import Point from "ol/geom/Point";
+export default {
+  data() {
+    return {
+      map: "",
+      currentLonLat:[]
+    };
+  },
+  mounted() {
+    this.initMap();
+  },
+
+  methods: {
+    //点击确定后关闭此地图面板，然后把经纬度传给父vue
+    SendLngLat(){
+    
+      //删除entity模型
+      this.$emit("SendLngLat", this.currentLonLat);
+    },
+    //初始化地图
+    initMap() {
+      this.map = new Map({
+        controls: defaults({
+          attribution: false,
+          zoom: false,
+          rotate: false
+        }),
+
+        target: this.$refs.map,
+        layers: [
+        new TileLayer({
+          source: new XYZ({
+            url:
+              "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}"
+            //"http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}"
+          })
+        })
+        ],
+        view: new View({
+          projection: "EPSG:4326", //使用这个坐标系
+          center: [114.217, 30.828], //武汉
+          zoom: 9
+        })
+      });
+
+            this.vectorSource = new SourceVector({
+     
+            });
+            this.vector = new LayerVector({
+
+                source: this.vectorSource
+
+            });
+            this.map.addLayer(this.vector);
+
+            //初始化一个点
+            this.initPoint(114.30,30.28)
+
+
+      //鼠标移动事件
+      this.map.on("pointermove", function(evt) {
+        if (evt.map.hasFeatureAtPixel(evt.pixel)) {
+          evt.map.getTargetElement().style.cursor = "pointer";
+        } else {
+          evt.map.getTargetElement().style.cursor = "";
+        }
+      });
+      //鼠标点击事件
+      this.map.on("click", (evt)=> {
+        this.currentLonLat=evt.coordinate
+       this.initPoint(evt.coordinate[0],evt.coordinate[1])
+      });
+    },
+    initPoint(lng, lat) {
+      if (lng && lat) {
+          //清除所有feature
+           if (this.vectorSource) {
+                  this.vectorSource.clear();
+                }
+        //添加feature图标
+       this.Marker = new Feature({
+        geometry: new Point([parseFloat(lng), parseFloat(lat)])
+      });
+
+      //设置style
+      this.Marker.setStyle(
+        new Style({
+              image: new Icon({
+                src: tagPng,
+              
+              })
+            })
+            )
+
+       this.vectorSource.addFeature(this.Marker)
+        //重置中心点
+      /*   this.map.getView().setCenter([parseFloat(lng), parseFloat(lat)]);
+        this.map.getView().setZoom(12); */
+      }
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+#rootMap {
+  width: 100%;
+  height: 100%;
+}
+#map {
+     width: 88%;
+    height: 99%;
+}
+
+</style>

diff --git a/package.json b/package.json
index c41fff4..a58d9d6 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "axios": "^0.19.2",
     "echarts": "^4.7.0",
     "element-ui": "^2.13.1",
+    "ol": "^6.4.3",
     "esri-loader": "^2.14.0",
     "html2canvas": "^1.0.0-rc.7",
     "js-file-download": "^0.4.12",
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index bd66347..eb85612 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -135,6 +135,11 @@
                 ><el-input size="small" v-model="ruleForm.lat"></el-input
               ></el-form-item>
             </el-col>
+               <!-- 坐标拾取  -->
+                <el-col :span="5">
+           <el-button type="primary" @click="pickLngLat()">坐标拾取</el-button>
+            </el-col>
+              <!-- 坐标拾取  -->
           </el-form-item>
           <el-form-item label="站点安装位置" prop="address">
             <el-input
@@ -294,14 +299,29 @@
         </div>
       </template>
     </page-dialog>
+    <el-dialog
+      title="坐标拾取"
+      :visible.sync="dialogFormVisible"
+      :append-to-body="true"
+      :before-close="handleDialogClose"
+      customClass="addDialog"
+     
+    >
+     <markMap ref="markMap" v-on:SendLngLat="SendLngLat" style="height: 600px;width:1050px;" />
+    </el-dialog>
   </div>
 </template>
 <script>
 import axios from "axios";
 import { mapGetters } from "vuex";
+import markMap from "./markMap.vue";
 export default {
+   components: {
+        markMap
+    },
   data() {
     return {
+      dialogFormVisible:false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
@@ -617,6 +637,21 @@
     }
   },
   methods: {
+      //响应地图组件的确定，拾取坐标
+    SendLngLat(lonlat) {
+      this.dialogFormVisible=false;
+      this.ruleForm.lon=lonlat[0]
+      this.ruleForm.lat=lonlat[1]
+
+    },
+    //坐标拾取地图控件打开
+    pickLngLat(){
+      this.dialogFormVisible=true
+    },
+    //监听面板直接叉叉掉事件
+    handleDialogClose() {
+       this.dialogFormVisible = false;
+    },
     //上传头像
     fileChange(file) {
       this.loading = true;
@@ -972,6 +1007,10 @@
 };
 </script>
 <style lang="scss" scoped>
+.addDialog {
+  width:1050px;
+  height: 650px;
+}
 .imgtype {
   width: 150px;
   height: 100px;
diff --git a/src/components/ConfigManager/markMap.vue b/src/components/ConfigManager/markMap.vue
new file mode 100644
index 0000000..ba8030e
--- /dev/null
+++ b/src/components/ConfigManager/markMap.vue
@@ -0,0 +1,162 @@
+<template>
+  <div id="rootMap">
+    <div id="map" ref="map">
+      <el-button type="primary" style=" position: absolute;
+    left: 869px;
+    bottom: 9px;
+    z-index: 99" @click="SendLngLat()">确定</el-button>
+    </div>
+  </div>
+</template>
+<script>
+
+import "ol/ol.css";
+
+import { Map, View, Feature, color } from "ol";
+import { DEVICE_PIXEL_RATIO } from "ol/has";
+import Circle from "ol/style/Circle";
+import * as layer from "ol/layer.js";
+import * as source from "ol/source.js";
+import * as geom from "ol/geom.js";
+import * as style from "ol/style.js";
+import Overlay from "ol/Overlay.js";
+import TileLayer from "ol/layer/Tile";
+
+import SourceVector from "ol/source/Vector";
+import LayerVector from "ol/layer/Vector";
+
+import Style from "ol/style/Style";
+import Fill from "ol/style/Fill";
+import Text from "ol/style/Text";
+
+import Stroke from "ol/style/Stroke";
+import Draw from "ol/interaction/Draw";
+import Icon from "ol/style/Icon";
+import Select from "ol/interaction/Select";
+import Modify from "ol/interaction/Modify";
+import FormatWKT from "ol/format/WKT";
+
+import ImageWMS from "ol/source/ImageWMS";
+import Image from "ol/layer/Image";
+import GeoJSON from "ol/format/GeoJSON";
+import LineString from "ol/geom/LineString";
+
+import { OSM, TileArcGISRest, XYZ } from "ol/source";
+import { defaults } from "ol/control";
+import ImageArcGISRest from "ol/source/ImageArcGISRest";
+import ImageLayer from "ol/layer/Image";
+import tagPng from "./../../../static/img/yjznewpng.png";
+import Point from "ol/geom/Point";
+export default {
+  data() {
+    return {
+      map: "",
+      currentLonLat:[]
+    };
+  },
+  mounted() {
+    this.initMap();
+  },
+
+  methods: {
+    //点击确定后关闭此地图面板，然后把经纬度传给父vue
+    SendLngLat(){
+    
+      //删除entity模型
+      this.$emit("SendLngLat", this.currentLonLat);
+    },
+    //初始化地图
+    initMap() {
+      this.map = new Map({
+        controls: defaults({
+          attribution: false,
+          zoom: false,
+          rotate: false
+        }),
+
+        target: this.$refs.map,
+        layers: [
+        new TileLayer({
+          source: new XYZ({
+            url:
+              "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}"
+            //"http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}"
+          })
+        })
+        ],
+        view: new View({
+          projection: "EPSG:4326", //使用这个坐标系
+          center: [114.217, 30.828], //武汉
+          zoom: 9
+        })
+      });
+
+            this.vectorSource = new SourceVector({
+     
+            });
+            this.vector = new LayerVector({
+
+                source: this.vectorSource
+
+            });
+            this.map.addLayer(this.vector);
+
+            //初始化一个点
+            this.initPoint(114.30,30.28)
+
+
+      //鼠标移动事件
+      this.map.on("pointermove", function(evt) {
+        if (evt.map.hasFeatureAtPixel(evt.pixel)) {
+          evt.map.getTargetElement().style.cursor = "pointer";
+        } else {
+          evt.map.getTargetElement().style.cursor = "";
+        }
+      });
+      //鼠标点击事件
+      this.map.on("click", (evt)=> {
+        this.currentLonLat=evt.coordinate
+       this.initPoint(evt.coordinate[0],evt.coordinate[1])
+      });
+    },
+    initPoint(lng, lat) {
+      if (lng && lat) {
+          //清除所有feature
+           if (this.vectorSource) {
+                  this.vectorSource.clear();
+                }
+        //添加feature图标
+       this.Marker = new Feature({
+        geometry: new Point([parseFloat(lng), parseFloat(lat)])
+      });
+
+      //设置style
+      this.Marker.setStyle(
+        new Style({
+              image: new Icon({
+                src: tagPng,
+              
+              })
+            })
+            )
+
+       this.vectorSource.addFeature(this.Marker)
+        //重置中心点
+      /*   this.map.getView().setCenter([parseFloat(lng), parseFloat(lat)]);
+        this.map.getView().setZoom(12); */
+      }
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+#rootMap {
+  width: 100%;
+  height: 100%;
+}
+#map {
+     width: 88%;
+    height: 99%;
+}
+
+</style>
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 971875d..0d6deec 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -1004,7 +1004,7 @@
           ]) => {
             // create map with the given options at a DOM node w/ id 'mapNode'
             _this.map = new Map("previewOfSiteStatusMaps", {
-              center: [100, 35],
+              center: [114, 30],
               zoom: 5,
               logo: false,
               slider: false

diff --git a/package.json b/package.json
index c41fff4..a58d9d6 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "axios": "^0.19.2",
     "echarts": "^4.7.0",
     "element-ui": "^2.13.1",
+    "ol": "^6.4.3",
     "esri-loader": "^2.14.0",
     "html2canvas": "^1.0.0-rc.7",
     "js-file-download": "^0.4.12",
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index bd66347..eb85612 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -135,6 +135,11 @@
                 ><el-input size="small" v-model="ruleForm.lat"></el-input
               ></el-form-item>
             </el-col>
+               <!-- 坐标拾取  -->
+                <el-col :span="5">
+           <el-button type="primary" @click="pickLngLat()">坐标拾取</el-button>
+            </el-col>
+              <!-- 坐标拾取  -->
           </el-form-item>
           <el-form-item label="站点安装位置" prop="address">
             <el-input
@@ -294,14 +299,29 @@
         </div>
       </template>
     </page-dialog>
+    <el-dialog
+      title="坐标拾取"
+      :visible.sync="dialogFormVisible"
+      :append-to-body="true"
+      :before-close="handleDialogClose"
+      customClass="addDialog"
+     
+    >
+     <markMap ref="markMap" v-on:SendLngLat="SendLngLat" style="height: 600px;width:1050px;" />
+    </el-dialog>
   </div>
 </template>
 <script>
 import axios from "axios";
 import { mapGetters } from "vuex";
+import markMap from "./markMap.vue";
 export default {
+   components: {
+        markMap
+    },
   data() {
     return {
+      dialogFormVisible:false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
@@ -617,6 +637,21 @@
     }
   },
   methods: {
+      //响应地图组件的确定，拾取坐标
+    SendLngLat(lonlat) {
+      this.dialogFormVisible=false;
+      this.ruleForm.lon=lonlat[0]
+      this.ruleForm.lat=lonlat[1]
+
+    },
+    //坐标拾取地图控件打开
+    pickLngLat(){
+      this.dialogFormVisible=true
+    },
+    //监听面板直接叉叉掉事件
+    handleDialogClose() {
+       this.dialogFormVisible = false;
+    },
     //上传头像
     fileChange(file) {
       this.loading = true;
@@ -972,6 +1007,10 @@
 };
 </script>
 <style lang="scss" scoped>
+.addDialog {
+  width:1050px;
+  height: 650px;
+}
 .imgtype {
   width: 150px;
   height: 100px;
diff --git a/src/components/ConfigManager/markMap.vue b/src/components/ConfigManager/markMap.vue
new file mode 100644
index 0000000..ba8030e
--- /dev/null
+++ b/src/components/ConfigManager/markMap.vue
@@ -0,0 +1,162 @@
+<template>
+  <div id="rootMap">
+    <div id="map" ref="map">
+      <el-button type="primary" style=" position: absolute;
+    left: 869px;
+    bottom: 9px;
+    z-index: 99" @click="SendLngLat()">确定</el-button>
+    </div>
+  </div>
+</template>
+<script>
+
+import "ol/ol.css";
+
+import { Map, View, Feature, color } from "ol";
+import { DEVICE_PIXEL_RATIO } from "ol/has";
+import Circle from "ol/style/Circle";
+import * as layer from "ol/layer.js";
+import * as source from "ol/source.js";
+import * as geom from "ol/geom.js";
+import * as style from "ol/style.js";
+import Overlay from "ol/Overlay.js";
+import TileLayer from "ol/layer/Tile";
+
+import SourceVector from "ol/source/Vector";
+import LayerVector from "ol/layer/Vector";
+
+import Style from "ol/style/Style";
+import Fill from "ol/style/Fill";
+import Text from "ol/style/Text";
+
+import Stroke from "ol/style/Stroke";
+import Draw from "ol/interaction/Draw";
+import Icon from "ol/style/Icon";
+import Select from "ol/interaction/Select";
+import Modify from "ol/interaction/Modify";
+import FormatWKT from "ol/format/WKT";
+
+import ImageWMS from "ol/source/ImageWMS";
+import Image from "ol/layer/Image";
+import GeoJSON from "ol/format/GeoJSON";
+import LineString from "ol/geom/LineString";
+
+import { OSM, TileArcGISRest, XYZ } from "ol/source";
+import { defaults } from "ol/control";
+import ImageArcGISRest from "ol/source/ImageArcGISRest";
+import ImageLayer from "ol/layer/Image";
+import tagPng from "./../../../static/img/yjznewpng.png";
+import Point from "ol/geom/Point";
+export default {
+  data() {
+    return {
+      map: "",
+      currentLonLat:[]
+    };
+  },
+  mounted() {
+    this.initMap();
+  },
+
+  methods: {
+    //点击确定后关闭此地图面板，然后把经纬度传给父vue
+    SendLngLat(){
+    
+      //删除entity模型
+      this.$emit("SendLngLat", this.currentLonLat);
+    },
+    //初始化地图
+    initMap() {
+      this.map = new Map({
+        controls: defaults({
+          attribution: false,
+          zoom: false,
+          rotate: false
+        }),
+
+        target: this.$refs.map,
+        layers: [
+        new TileLayer({
+          source: new XYZ({
+            url:
+              "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}"
+            //"http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}"
+          })
+        })
+        ],
+        view: new View({
+          projection: "EPSG:4326", //使用这个坐标系
+          center: [114.217, 30.828], //武汉
+          zoom: 9
+        })
+      });
+
+            this.vectorSource = new SourceVector({
+     
+            });
+            this.vector = new LayerVector({
+
+                source: this.vectorSource
+
+            });
+            this.map.addLayer(this.vector);
+
+            //初始化一个点
+            this.initPoint(114.30,30.28)
+
+
+      //鼠标移动事件
+      this.map.on("pointermove", function(evt) {
+        if (evt.map.hasFeatureAtPixel(evt.pixel)) {
+          evt.map.getTargetElement().style.cursor = "pointer";
+        } else {
+          evt.map.getTargetElement().style.cursor = "";
+        }
+      });
+      //鼠标点击事件
+      this.map.on("click", (evt)=> {
+        this.currentLonLat=evt.coordinate
+       this.initPoint(evt.coordinate[0],evt.coordinate[1])
+      });
+    },
+    initPoint(lng, lat) {
+      if (lng && lat) {
+          //清除所有feature
+           if (this.vectorSource) {
+                  this.vectorSource.clear();
+                }
+        //添加feature图标
+       this.Marker = new Feature({
+        geometry: new Point([parseFloat(lng), parseFloat(lat)])
+      });
+
+      //设置style
+      this.Marker.setStyle(
+        new Style({
+              image: new Icon({
+                src: tagPng,
+              
+              })
+            })
+            )
+
+       this.vectorSource.addFeature(this.Marker)
+        //重置中心点
+      /*   this.map.getView().setCenter([parseFloat(lng), parseFloat(lat)]);
+        this.map.getView().setZoom(12); */
+      }
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+#rootMap {
+  width: 100%;
+  height: 100%;
+}
+#map {
+     width: 88%;
+    height: 99%;
+}
+
+</style>
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 971875d..0d6deec 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -1004,7 +1004,7 @@
           ]) => {
             // create map with the given options at a DOM node w/ id 'mapNode'
             _this.map = new Map("previewOfSiteStatusMaps", {
-              center: [100, 35],
+              center: [114, 30],
               zoom: 5,
               logo: false,
               slider: false
diff --git a/static/img/yjznewpng.png b/static/img/yjznewpng.png
new file mode 100644
index 0000000..086bd14
--- /dev/null
+++ b/static/img/yjznewpng.png
Binary files differ