From 5206e7a4f4c5b71c9ddeccdbbe5e7fba5b3eeb9b Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 22 三月 2024 01:05:38 +0800
Subject: [PATCH] YOUHAU

---
 src/utils/tool.js |  104 ++++++++++++++++++++++++++++++++-------------------
 1 files changed, 65 insertions(+), 39 deletions(-)

diff --git a/src/utils/tool.js b/src/utils/tool.js
index 7ffd440..2de79ff 100644
--- a/src/utils/tool.js
+++ b/src/utils/tool.js
@@ -1,7 +1,7 @@
 
 import _GLOBAL from '@/assets/GLOBAL2'
 import gcj02Mecator from '@/utils/transform'
-import { ceil } from 'lodash';
+
 //娓呴櫎
 export function clearAll() {
     if (_GLOBAL.ImageLayer) {
@@ -30,9 +30,12 @@
     _GLOBAL.ImageLayer = new ol.layer.Tile({
         source: new ol.source.XYZ({
             url: `${'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'}/tile/{z}/{y}/{x}`,
+            projection: "EPSG:3857",
+            tileSize: 512
         }),
     });
-    window.mapapi.addLayer(_GLOBAL.ImageLayer);
+    // window.mapapi.addLayer(_GLOBAL.ImageLayer);
+    layersArray.insertAt(1, _GLOBAL.ImageLayer);
 }
 
 //鍔犺浇鐧借壊鍦板浘
@@ -43,14 +46,15 @@
             url: "https://skyzt.bda.gov.cn/gisserver/wmsserver/shiliangditu_baisexi_wms", //鍥惧眰鍦板潃
             params: {
                 VERSION: "1.1.1",
-                SRS: "EPSG:4326",
+                SRS: "EPSG:3857",
                 FORMAT: "image/png",
                 TILED: true,
                 LAYERS: "",
             },
         }),
     });
-    window.mapapi.addLayer(_GLOBAL.baseMap)
+    // window.mapapi.addLayer(_GLOBAL.baseMap)
+    layersArray.insertAt(1, _GLOBAL.baseMap);
 
 }
 
@@ -63,8 +67,8 @@
             url: ` https://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}`,
         }),
     });
-    window.mapapi.addLayer(_GLOBAL.geoMap);
-
+    // window.mapapi.addLayer(_GLOBAL.geoMap);
+    layersArray.insertAt(1, _GLOBAL.geoMap);
 }
 
 
@@ -88,7 +92,7 @@
             url: 'https://skyzt.bda.gov.cn/gisserver/wmsserver/YZ_BJ60',
             params: {
                 'VERSION': '1.1.1',
-                'SRS': 'EPSG:4326',
+                'SRS': 'EPSG:3857',
                 'FORMAT': 'image/png',
                 'TILED': true,
                 "LAYERS": ''
@@ -106,7 +110,7 @@
             url: 'https://skyzt.bda.gov.cn/gisserver/wmsserver/YZ_BJ',//鍥惧眰鍦板潃
             params: {
                 'VERSION': '1.1.1',
-                'SRS': 'EPSG:4326',
+                'SRS': 'EPSG:3857',
                 'FORMAT': 'image/png',
                 'TILED': true,
                 "LAYERS": ''
@@ -124,55 +128,76 @@
     }
     _GLOBAL.historyLayer = new ol.layer.Tile({
         source: new ol.source.XYZ({
+            projection: "EPSG:3857",
             url: `https://skyzt.bda.gov.cn/yzAdapter/Vector/?request=1&year=${layerName}&type=Sate&level={z}&x={x}&y={y}`,
         })
     });
-    window.mapapi.addLayer(_GLOBAL.historyLayer);
+    // window.mapapi.addLayer(_GLOBAL.historyLayer);
+    layersArray.insertAt(1, _GLOBAL.historyLayer);
+}
+var topResolution = 896.0859375;
+var resolutions = [];
+let matrixIds = [];
+
+for (let zoom = 0; zoom < 13; zoom++) {
+    resolutions.push(topResolution / Math.pow(2, zoom));
+    matrixIds[zoom] = zoom;
+}
+// 
+// 鍔犺浇鍘嗗彶褰卞儚璺綉
+export function addHistoryLW(name) {
+    const layerName = name;
+    if (_GLOBAL.historyLW) {
+        window.mapapi.removeLayer(_GLOBAL.historyLW)
+    }
+
+    _GLOBAL.historyLW = new ol.layer.Tile({
+        source: new ol.source.WMTS({
+            url: "https://skyzt.bda.gov.cn/service/ImageEngine/picdis/abc?",
+            layer: "Shiliang_Lw_2019",
+            style: "",
+            format: "image/png",
+            // 鎶曞奖鍧愭爣绯�
+            tileGrid: new ol.tilegrid.WMTS({
+                extent: [371987.18334, 252920.58593, 624459.12036, 423400.07714],
+                origin: [0, 688194],
+                resolutions: resolutions,
+                matrixIds: matrixIds,
+                tileSize: 256,
+            }),
+        }),
+    });
+    window.mapapi.addLayer(_GLOBAL.historyLW);
 }
 
-
-//鑾峰彇褰撳墠瀹氫綅
-var _rotate = 90;
-var _marker = null;
-var points = [];
-
-export function randomPoint() {
-    let t = 116.505348;
-    let e = 39.795592;
-    t += .01 * Math.random();
-    e += .01 * Math.random();
-    points.push([t, e]);
-}
-
-
+//瀹炴椂鑾峰彇瀹氫綅
 export function getCurrentPosition() {
-    // setInterval(() => {
-    //     randomPoint();
-    // }, 1000)
-
-    // console.log(points, '鐐逛綅娴嬭瘯')
-    // _marker = createGPSMarker(points, _rotate);
-    // window.mapapi.addLayer(_marker)
-
     if (navigator.geolocation) {
         navigator.geolocation.watchPosition((res) => {
             let lat = res.coords.latitude;
             let lon = res.coords.longitude;
-            _marker = createGPSMarker([lon, lat], _rotate);
-            window.mapapi.addLayer(_marker)
+            if (_GLOBAL.GPSMarker) {
+                window.mapapi.removeLayer(_GLOBAL.GPSMarker)
+            }
+            _GLOBAL.GPSMarker = createGPSMarker([lon, lat], _GLOBAL.rotate);
+            window.mapapi.addLayer(_GLOBAL.GPSMarker)
+
         });
     }
 
 }
 
-
+//鍒涘缓褰撳墠瀹氫綅鐐�
 export function createGPSMarker(position, rotate) {
+    let GPSPOI_3857 = ol.proj.fromLonLat(position);
+    // 璁板綍褰撳墠浣嶇疆(瀹氫綅鐢�)
+    window.personalPoi = GPSPOI_3857;
     const GPSMarkerLayer = new ol.layer.Vector({
         id: 'LocationPoint',
         name: '瀹氫綅鐐�',
         source: new ol.source.Vector({
             features: [new ol.Feature({
-                geometry: new ol.geom.Point(position),
+                geometry: new ol.geom.Point(GPSPOI_3857),
             })]
         }),
         style: new ol.style.Style({
@@ -194,17 +219,18 @@
 };
 
 
+//鐩戝惉瀹氫綅鐐硅窡闅忔棆杞�
 export function listenDirection() {
     window.addEventListener('deviceorientation', function (e) {
-        if (_marker) {
-            _rotate = e.alpha * (Math.PI / -180);
+        if (_GLOBAL.GPSMarker) {
+            _GLOBAL.rotate = e.alpha * (Math.PI / -180);
             _marker.setStyle(
                 new ol.style.Style({
                     image: new ol.style.Icon({
                         anchor: [0.5, 0.5],
                         anchorOrigin: 'top-left',
                         src: require('@/assets/img/collection/mark.png'),
-                        rotation: _rotate,
+                        rotation: _GLOBAL.rotate,
                         anchorXUnits: "fraction",
                         anchorYUnits: "fraction",
                         scale: 0.5,

--
Gitblit v1.9.3