From fa05dfcce55b8589d7f76175700a92fe196dcd9b Mon Sep 17 00:00:00 2001 From: lixuliang <lixuliang_hd@126.com> Date: 星期三, 13 三月 2024 17:59:52 +0800 Subject: [PATCH] 图层切换叠压 --- src/components/viewer2.vue | 28 ++++++++++++++++++---------- 1 files changed, 18 insertions(+), 10 deletions(-) diff --git a/src/components/viewer2.vue b/src/components/viewer2.vue index 01f4e22..aac3987 100644 --- a/src/components/viewer2.vue +++ b/src/components/viewer2.vue @@ -57,7 +57,7 @@ </template> <script> import store from "@/utils/store2.js"; -import { setClick, leftClick,touchClick } from "@/utils/map2.js"; +import { setClick, leftClick, touchClick } from "@/utils/map2.js"; import _GLOBAL from "@/assets/GLOBAL2"; // import { leftClick, loadLayer } from "@/utils/map.js"; import leftBottom from "@/components/leftMenu/bottom2.vue"; @@ -87,8 +87,9 @@ addHxLayer, addYzLayer, loadBaseMap, + loadGeoMap, listenDirection, - getCurrentPosition + getCurrentPosition, } from "@/utils/tool"; // import Map from "ol/Map.js"; // import TileLayer from "ol/layer/Tile.js"; @@ -162,7 +163,7 @@ const TDTKey = "f234b950740b8c2e0d9959a51c169d21"; const tiandituUrl = "http://t0.tianditu.gov.cn"; - let options = { proj: "EPSG:4326", layer: "img", matrixSets: "c" }; + let options = { proj: "EPSG:3857", layer: "img", matrixSets: "c" }; let _proj = options.proj; let _layer = options.layer; let _key = TDTKey; @@ -173,7 +174,7 @@ let origin = projectionExtent ? ol.extent.getTopLeft(projectionExtent) : [-180, 90]; - let fromLonLat = ol.proj.getTransform("EPSG:4326", projection); + let fromLonLat = ol.proj.getTransform("EPSG:3857", projection); let width = projectionExtent ? ol.extent.getWidth(projectionExtent) : ol.extent.getWidth( @@ -257,17 +258,24 @@ layers: layers, target: "openlayerContainer", view: new ol.View({ - center: [116.505348, 39.795592], - projection: "EPSG:4326", - zoom: 12, - minZoom: 9.5, + center: ol.proj.fromLonLat([116.505348, 39.795592]), + projection: "EPSG:3857", + zoom: 11.5, + minZoom: 7, + maxZoom: 19.5, enableRotation: false, + // constrainResolution: true, + smoothResolutionConstraint: false, }), }); window.mapapi = map; - addImageLayer(); - addAnnotationLayer(); + window.layersArray = window.mapapi.getLayers(); + // addImageLayer(); + // addAnnotationLayer(); + window.mapapi.getView().setZoom(14); + loadGeoMap(); + loadBaseMap(); addHxLayer(); addYzLayer(); -- Gitblit v1.9.3