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 | 11 +++--
src/components/poplayer/history2.vue | 4 +-
src/utils/tool.js | 10 +++--
src/components/sideMenu/layerTreePanel/layerTreePanel2.vue | 62 ++++++++++++++++---------------
4 files changed, 46 insertions(+), 41 deletions(-)
diff --git a/src/components/poplayer/history2.vue b/src/components/poplayer/history2.vue
index 866745f..31b66f0 100644
--- a/src/components/poplayer/history2.vue
+++ b/src/components/poplayer/history2.vue
@@ -39,8 +39,8 @@
mounted() {
store.setNavigatorShow(false);
store.setMapToolShow(false);
- // window.mapapi.getView().setCenter(ol.proj.fromLonLat([4.606512, 2.621472]));
- window.mapapi.getView().setCenter(ol.proj.fromLonLat([116.505348, 39.795592]));
+ window.mapapi.getView().setCenter(ol.proj.fromLonLat([4.606512, 2.621472]));
+ // window.mapapi.getView().setCenter(ol.proj.fromLonLat([116.505348, 39.795592]));
addHistoryLayer(this.currentValue);
if (_GLOBAL.GPSMarker) {
window.mapapi.removeLayer(_GLOBAL.GPSMarker);
diff --git a/src/components/sideMenu/layerTreePanel/layerTreePanel2.vue b/src/components/sideMenu/layerTreePanel/layerTreePanel2.vue
index 3d49580..37f4ab1 100644
--- a/src/components/sideMenu/layerTreePanel/layerTreePanel2.vue
+++ b/src/components/sideMenu/layerTreePanel/layerTreePanel2.vue
@@ -2270,36 +2270,7 @@
// loading.close();
// });
},
- testSDKcluster() {
- let clusterLayer1 = new SmartEarth.ClusterLayer(Viewer, {
- style: "clustering",
- });
- axios
- .get(
- window.gisBaseUrl +
- "/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=浼佷笟閾句紒涓�"
- )
- .then((res) => {
- let positions = generatePosition(20000);
- positions.forEach((item) => {
- clusterLayer1.add(item, {
- image: "./static/SmartEarthSDK/Workers/image/xzspj/qiye.png",
- });
- });
- // res.data.features.forEach((item) => {
- // clusterLayer1.add(
- // new SmartEarth.Degrees(
- // item.geometry.coordinates[0],
- // item.geometry.coordinates[1]
- // ),
- // {
- // name: `QY&${item.properties.ID}&${item.properties["QYMC"]}&${item.properties["DZ"]}&${item.properties["BZDZ"]}&${item.properties["XYDM"]}&${item.geometry.coordinates[0]}&${item.geometry.coordinates[1]}`,
- // image: SmartEarthRootUrl + "Workers/image/mark.png",
- // }
- // );
- // });
- });
- },
+
//浼佷笟淇℃伅鑱氬悎
qiyeCluster(treeNode) {
if (treeNode.checked == false) {
@@ -2536,6 +2507,37 @@
// cluster.billboard.height = 40;
// }
// });
+ },
+
+ testSDKcluster() {
+ let clusterLayer1 = new SmartEarth.ClusterLayer(Viewer, {
+ style: "clustering",
+ });
+ axios
+ .get(
+ window.gisBaseUrl +
+ "/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=浼佷笟閾句紒涓�"
+ )
+ .then((res) => {
+ let positions = generatePosition(20000);
+ positions.forEach((item) => {
+ clusterLayer1.add(item, {
+ image: "./static/SmartEarthSDK/Workers/image/xzspj/qiye.png",
+ });
+ });
+ // res.data.features.forEach((item) => {
+ // clusterLayer1.add(
+ // new SmartEarth.Degrees(
+ // item.geometry.coordinates[0],
+ // item.geometry.coordinates[1]
+ // ),
+ // {
+ // name: `QY&${item.properties.ID}&${item.properties["QYMC"]}&${item.properties["DZ"]}&${item.properties["BZDZ"]}&${item.properties["XYDM"]}&${item.geometry.coordinates[0]}&${item.geometry.coordinates[1]}`,
+ // image: SmartEarthRootUrl + "Workers/image/mark.png",
+ // }
+ // );
+ // });
+ });
},
// initCluster(treeNode) {
// let that = this;
diff --git a/src/components/viewer2.vue b/src/components/viewer2.vue
index 4a27409..aac3987 100644
--- a/src/components/viewer2.vue
+++ b/src/components/viewer2.vue
@@ -89,7 +89,7 @@
loadBaseMap,
loadGeoMap,
listenDirection,
- getCurrentPosition
+ getCurrentPosition,
} from "@/utils/tool";
// import Map from "ol/Map.js";
// import TileLayer from "ol/layer/Tile.js";
@@ -146,7 +146,7 @@
state: store.history,
};
},
- created() { },
+ created() {},
mounted() {
this.$nextTick(function () {
ol.Map.prototype.getLayerByName = function (name) {
@@ -178,8 +178,8 @@
let width = projectionExtent
? ol.extent.getWidth(projectionExtent)
: ol.extent.getWidth(
- ol.extent.applyTransform([-180.0, -90.0, 180.0, 90.0], fromLonLat)
- );
+ ol.extent.applyTransform([-180.0, -90.0, 180.0, 90.0], fromLonLat)
+ );
let resolutions = [];
let matrixIds = [];
@@ -270,6 +270,7 @@
});
window.mapapi = map;
+ window.layersArray = window.mapapi.getLayers();
// addImageLayer();
// addAnnotationLayer();
window.mapapi.getView().setZoom(14);
@@ -401,7 +402,7 @@
console.log(window.gisBaseUrl);
Axios.get(
window.gisBaseUrl +
- "/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=浼佷笟閾句紒涓�"
+ "/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=浼佷笟閾句紒涓�"
).then((res) => {
console.log(res);
});
diff --git a/src/utils/tool.js b/src/utils/tool.js
index ae201d3..e4384d4 100644
--- a/src/utils/tool.js
+++ b/src/utils/tool.js
@@ -34,7 +34,8 @@
tileSize: 512
}),
});
- window.mapapi.addLayer(_GLOBAL.ImageLayer);
+ // window.mapapi.addLayer(_GLOBAL.ImageLayer);
+ layersArray.insertAt(1, _GLOBAL.ImageLayer);
}
//鍔犺浇鐧借壊鍦板浘
@@ -52,7 +53,8 @@
},
}),
});
- window.mapapi.addLayer(_GLOBAL.baseMap)
+ // window.mapapi.addLayer(_GLOBAL.baseMap)
+ layersArray.insertAt(1, _GLOBAL.baseMap);
}
@@ -65,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);
}
--
Gitblit v1.9.3