Merge branch 'yantai_master' into dev-烟台中转登录

.env.development

@@ -8,8 +8,8 @@ VUE_APP_API_SERVER =  http://192.168.1.140/api
 # VUE_APP_API_SERVER =  https://epmet-dev.elinkservice.cn:41080/api
 # VUE_APP_API_SERVER =  https://epmet-dev.elinkservice.cn/api
 
-# VUE_APP_NODE_ENV=dev_sdtdt
+VUE_APP_NODE_ENV=dev_sdtdt
-VUE_APP_NODE_ENV=dev
+# VUE_APP_NODE_ENV=dev
 #项目根路径
 VUE_APP_PUBLIC_PATH=epmet-oper
 VUE_APP_CUSTOMER=yantai

public/index.html

@@ -7,16 +7,12 @@
   <meta name="viewport"
     content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,viewport-fit=cover" />
   <link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico" />
-  <link
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
-  />
   <!-- 站点配置 -->
   <script>
     window.SITE_CONFIG = {}
     window.SITE_CONFIG['version'] = 'v2.0.0'
     window.SITE_CONFIG['nodeEnv'] = '<%= process.env.VUE_APP_NODE_ENV %>'
-    console.log('nodeEnv', window.SITE_CONFIG['nodeEnv'])
     window.SITE_CONFIG['apiURL'] = '<%= process.env.VUE_APP_API_SERVER %>' // api请求地址
     window.SITE_CONFIG['storeState'] = {} // vuex本地储存初始化状态（用于不刷新页面的情况下，也能重置初始化项目中所有状态）
     window.SITE_CONFIG['contentTabDefault'] = {
@@ -51,6 +47,9 @@
       toLoadJs('https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=LWBBZ-TIGC3-VFP3L-YNMWH-FJB7T-JFBLO')
       toLoadJs('https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77')
     }
+
+    console.log('============调试版本：1.0.3')
+    console.log('nodeEnv', window.SITE_CONFIG['nodeEnv'])
   </script>
 </head>
 

src/utils/dai-map.js

@@ -16,7 +16,7 @@ const urlSdtdt = (() => {
     };
   } else {
     return {
-      search: "http://172.20.46.177/epmet-map-proxy/QueryService.ashx",
+      search: "http://172.20.46.177/map_search_proxy/search",
       geo: "http://172.20.46.177/epmet-map-proxy/GeoDecodeService.ashx",
     };
   }
@@ -108,12 +108,12 @@ export function searchNearby(map, keyword) {
       const center = map.getCenter();
       const url = urlSdtdt.search;
       const { status, result } = await requestGet(url, {
-        // area: `CIRCLE(${center.lon} ${center.lat} 1000000)`,
+        area: `CIRCLE(${center.lon} ${center.lat} 1000000)`,
         words: keyword,
         city: "烟台",
         uid: "navinfo",
         st: "LocalSearch",
-        // tk: "e758167d5b90c351b70a979c0820840c",
+        tk: "e758167d5b90c351b70a979c0820840c",
       });
 
       if (
@@ -335,34 +335,49 @@ export default function init(ele, position, params) {
     };
 
     this.setCenter = function (lat, lng) {
+      lat = parseFloat(lat);
+      lng = parseFloat(lng);
       this.map.setCenter(new OpenLayers.LonLat(lng, lat), 16);
     };
     this.setCenter(latitude, longitude);
 
     this.setMarker = function (lat, lng, title = "位置") {
+      lat = parseFloat(lat);
+      lng = parseFloat(lng);
+      const style = {
+        externalGraphic: require("@/assets/img/common/map-poi.png"),
+        graphicWidth: 32,
+        graphicHeight: 32,
+      };
       if (!this.marker) {
         //创建矢量图层
-        var graphicLayer = new OpenLayers.Layer.Vector("graphicLayer", {
+        this.markerLayer = new OpenLayers.Layer.Vector("graphicLayer", {
           style: OpenLayers.Util.extend(
             {},
             OpenLayers.Feature.Vector.style["default"]
           ),
         });
-        this.map.addLayer(graphicLayer);
+        this.map.addLayer(this.markerLayer);
-        let pt = new OpenLayers.Geometry.Point(lng, lat);
+        this.marker = new OpenLayers.Feature.Vector(
-        var style = {
+          new OpenLayers.Geometry.Point(lng, lat),
-          externalGraphic: require("@/assets/img/common/map-poi.png"),
+          null,
-          graphicWidth: 32,
+          style
-          graphicHeight: 32,
+        );
-        };
+        this.markerLayer.addFeatures([this.marker]);
-        var feature = new OpenLayers.Feature.Vector(pt, null, style);
-        graphicLayer.addFeatures([feature]);
-        this.marker = feature;
-        this.markerLayer = graphicLayer;
       } else {
-        this.marker.geometry.x = lng;
+        console.log("this marker", this.marker);
-        this.marker.geometry.y = lat;
+        this.marker.geometry.x = 0;
+        this.marker.geometry.y = 0;
+        this.marker.geometry.destroy();
+        this.markerLayer.removeFeatures([this.marker]);
+        this.marker = new OpenLayers.Feature.Vector(
+          new OpenLayers.Geometry.Point(lng, lat),
+          null,
+          style
+        );
+        // this.markerLayer.addFeatures([this.marker]);
         this.markerLayer.redraw();
+        console.log("redraw", this.marker);
       }
     };
 

src/utils/tdt-wp-zw.js

@@ -1,14 +1,13 @@
-export const baseUrl = "http://59.206.203.34/tileservice/SDPubMap";
+// let vec =
+//   "http://59.206.203.34/tileservice/SDPubMap?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=sdvec&STYLE=default&TILEMATRIXSET=c&TILEMATRIX={z}&TILEROW={x}&TILECOL={y}&FORMAT=image%2Fpng";
+
 let vec =
-  "http://59.206.203.34/tileservice/SDPubMap?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=sdvec&STYLE=default&TILEMATRIXSET=c&TILEMATRIX={z}&TILEROW={x}&TILECOL={y}&FORMAT=image%2Fpng";
+  "http://172.20.46.177/map_tile_proxy/appmaptile?lang=zh_cn&style=7&ltype=7&scl=0&size=0&x={x}&y={y}&z={z}";
 if (window.SITE_CONFIG["nodeEnv"] == "dev_sdtdt") {
   vec =
     "http://service.sdmap.gov.cn/tileservice/sdpubmap?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=sdvec&STYLE=default&TILEMATRIXSET=c&TILEMATRIX={z}&TILEROW={x}&TILECOL={y}&FORMAT=image%2Fpng&tk=e758167d5b90c351b70a979c0820840c";
-  vec =
-    "http://www.sdmap.gov.cn/tileservice/SDPubMap?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=sdvec&STYLE=default&TILEMATRIXSET=sdvec&TILEMATRIX={z}&TILEROW={x}&TILECOL={y}&FORMAT=image%2Fpng";
 }
 
-// http://www.sdmap.gov.cn/tileservice/SDPubMap
 export default {
   vec,
 };

src/views/modules/cpts/base/cpts/edit.vue

@@ -655,10 +655,12 @@ export default {
       console.log("handleMoveCenter", e);
       //修改地图中心点
       const { lat, lng } = map.getCenter();
+      console.log("getCenter", lat);
 
       this.fmData[item.supKeys[0]] = parseFloat(lng);
       this.fmData[item.supKeys[1]] = parseFloat(lat);
       map.setMarker(lat, lng);
+      console.log("setMarker", lat);
 
       let { msg, data } = await map.getAddress(lat, lng);
       if (msg == "success") {

src/views/modules/visual/command/cpts/map-ol.vue

@@ -456,9 +456,11 @@ export default {
         target: "map",
       });
 
-      myMap.on("singleclick", function (e) {
+      myMap.on("singleclick", (event) => {
-        // console.log(e.coordinate)
+        myMap.forEachFeatureAtPixel(event.pixel, function (feature) {
-        // console.log(transform(e.coordinate, 'EPSG:3857', 'EPSG:4326'));
+          // 为移动到的 feature 发送自定义的 mousemove 消息
+          feature.dispatchEvent({ type: "click", event });
+        });
       });
 
       await nextTick();
@@ -535,6 +537,21 @@ export default {
               }),
             ];
 
+            item.on("click", function (event) {
+              console.log("我被点击拉", item, event);
+              // 修改feature的样式为半径100像素的园，用蓝色填充
+              this.setStyle(
+                new ol.style.Style({
+                  image: new ol.style.Circle({
+                    radius: 100,
+                    fill: new ol.style.Fill({
+                      color: "blue",
+                    }),
+                  }),
+                })
+              );
+            });
+
             setInterval(() => {
               let currStyle = item.getStyle();
               if (!Array.isArray(currStyle)) {

src/views/modules/visual/command/index.vue

@@ -288,7 +288,10 @@ export default {
     People,
     cptCard,
     ScreenLoading,
-    gridMap: mapType == "tdzw" ? gridMapOl : gridMap,
+    gridMap:
+      mapType == "tdzw" && SITE_CONFIG["nodeEnv"] == "dev_sdtdt"
+        ? gridMapOl
+        : gridMap,
     sidemenu1,
     sidemenu2,
     sidemenuLeft,

src/views/modules/workSys/mapConfig.vue

@@ -647,27 +647,27 @@ const vueGis = {
 
       gaodeMapLayer = new TileLayer({
         title: "地图",
-        source: new XYZ({
-          url: "http://t4.tianditu.com/DataServer?T=vec_w&tk=8a08c117ab9ee45d508686b01cc8d397&x={x}&y={y}&l={z}",
-        }),
         // source: new XYZ({
-        //   url: "http://api.tianditu.gov.cn/api?v=4.0&tk=c4dc987b442bd141a887d8d4a5d07926&x={x}&y={y}&l={z}"
+        //   url: "http://t4.tianditu.com/DataServer?T=vec_w&tk=8a08c117ab9ee45d508686b01cc8d397&x={x}&y={y}&l={z}",
         // }),
         // source: new XYZ({
-        //   //指定url瓦片
+        //   url: "http://api.tianditu.gov.cn/api?v=4.0&tk=c4dc987b442bd141a887d8d4a5d07926&x={x}&y={y}&l={z}"
-        //   url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}',
-        //   wrapX: true//x方向平铺，也可以选择false
         // }),
+        source: new XYZ({
+          //指定url瓦片
+          url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&style=7&ltype=7&scl=0&size=0&x={x}&y={y}&z={z}",
+          wrapX: true, //x方向平铺，也可以选择false
+        }),
         // zIndex: 20
       });
-      var sourceMark = new XYZ({
+      // var sourceMark = new XYZ({
-        url: "http://t4.tianditu.com/DataServer?T=cva_w&tk=8a08c117ab9ee45d508686b01cc8d397&x={x}&y={y}&l={z}",
+      //   url: "http://t4.tianditu.com/DataServer?T=cva_w&tk=8a08c117ab9ee45d508686b01cc8d397&x={x}&y={y}&l={z}",
-        // zIndex: 22
+      //   // zIndex: 22
-      });
+      // });
-      var tileMark = new TileLayer({
+      // var tileMark = new TileLayer({
-        title: "标注图层",
+      //   title: "标注图层",
-        source: sourceMark,
+      //   source: sourceMark,
-      });
+      // });
 
       (mapView = new View({
         //中心点坐标
@@ -680,7 +680,8 @@ const vueGis = {
         //初始化map和地图底图
         //创建地图容器
         (map = new Map({
-          layers: [gaodeMapLayer, tileMark],
+          layers: [gaodeMapLayer],
+          // layers: [gaodeMapLayer, tileMark],
           //加载瓦片图层数据
           view: mapView,
           target: "map",