From 290aa4c2bcd83c584e0b10cab76131c069bf64b7 Mon Sep 17 00:00:00 2001
From: 少年 <1392120328@qq.com>
Date: 星期三, 13 三月 2024 10:44:25 +0800
Subject: [PATCH] youhua
---
src/components/viewer2.vue | 93 ++++++++++++++++++++++++----------------------
1 files changed, 49 insertions(+), 44 deletions(-)
diff --git a/src/components/viewer2.vue b/src/components/viewer2.vue
index 36f3865..4a27409 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 } 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,6 +87,7 @@
addHxLayer,
addYzLayer,
loadBaseMap,
+ loadGeoMap,
listenDirection,
getCurrentPosition
} from "@/utils/tool";
@@ -145,7 +146,7 @@
state: store.history,
};
},
- created() {},
+ created() { },
mounted() {
this.$nextTick(function () {
ol.Map.prototype.getLayerByName = function (name) {
@@ -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,12 +174,12 @@
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(
- 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 = [];
@@ -257,27 +258,31 @@
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();
+ // addImageLayer();
+ // addAnnotationLayer();
+ window.mapapi.getView().setZoom(14);
+ loadGeoMap();
+ loadBaseMap();
addHxLayer();
addYzLayer();
setClick(true);
+ touchClick();
getCurrentPosition();
listenDirection();
-
-
// leftClick()
window.layerOpen = function (name, options) {
@@ -336,34 +341,34 @@
},
methods: {
clicktoclose() {
- clearTimeout(this.timer);
- this.timer = setTimeout(() => {
- this.count++;
- if (this.count == 2) {
- // console.log("鍗曞嚮浜嬩欢");
- // 鍏抽棴鎵�鏈夊脊绐�
- //this.$refs.menu.closeall();
- // 娓呴櫎瀹氫綅涓殑浣嶇疆鏍囪
- //this.$refs.menu.clearFlyPoint();
- } else {
- // 鎵ц鏀惧ぇ鎿嶄綔
- // console.log("鍙屽嚮");
- // Viewer.camera.zoomIn();
- // console.log(window.clickPOI);
- // let p = sgworld.Navigate.getDegrees();
- // console.log(p);
- // Viewer.camera.flyTo({
- // destination: Cesium.Cartesian3.fromDegrees(
- // window.clickPOI.lon,
- // window.clickPOI.lat,
- // p.height / 1.8
- // ),
- // duration: 1.0,
- // });
- }
- this.count = 0;
- }, 300);
- this.count++;
+ // clearTimeout(this.timer);
+ // this.timer = setTimeout(() => {
+ // this.count++;
+ // if (this.count == 2) {
+ // // console.log("鍗曞嚮浜嬩欢");
+ // // 鍏抽棴鎵�鏈夊脊绐�
+ // //this.$refs.menu.closeall();
+ // // 娓呴櫎瀹氫綅涓殑浣嶇疆鏍囪
+ // //this.$refs.menu.clearFlyPoint();
+ // } else {
+ // // 鎵ц鏀惧ぇ鎿嶄綔
+ // // console.log("鍙屽嚮");
+ // // Viewer.camera.zoomIn();
+ // // console.log(window.clickPOI);
+ // // let p = sgworld.Navigate.getDegrees();
+ // // console.log(p);
+ // // Viewer.camera.flyTo({
+ // // destination: Cesium.Cartesian3.fromDegrees(
+ // // window.clickPOI.lon,
+ // // window.clickPOI.lat,
+ // // p.height / 1.8
+ // // ),
+ // // duration: 1.0,
+ // // });
+ // }
+ // this.count = 0;
+ // }, 300);
+ // this.count++;
},
datafromchild(data) {
for (var i in data) {
@@ -396,7 +401,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);
});
--
Gitblit v1.9.3