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/components/rightMenu/bottom2.vue | 26 +++++++++++++++++---------
1 files changed, 17 insertions(+), 9 deletions(-)
diff --git a/src/components/rightMenu/bottom2.vue b/src/components/rightMenu/bottom2.vue
index 56874b4..e716acf 100644
--- a/src/components/rightMenu/bottom2.vue
+++ b/src/components/rightMenu/bottom2.vue
@@ -1,10 +1,10 @@
<template>
<div class="bottom" id="bottom" :style="customStyle" v-if="state1.show">
- <!-- <div class="mapTool">
- <div class="tool-rotate" @click="PointingNorth" title="鎸囧寳">
+ <div class="mapTool">
+ <div class="tool-rotate" @click="flyToCurrentPosition" title="瀹氫綅">
<img src="@/assets/img/collection/compass.png" />
</div>
- </div> -->
+ </div>
<div class="mapTool">
<div class="tool-rotate" @click="flyBack" title="澶嶄綅">
<img src="@/assets/img/collection/recover.png" />
@@ -23,7 +23,6 @@
</template>
<style scoped>
-
.mapTool {
width: 0.42rem;
/* border-radius: 10px; */
@@ -46,7 +45,7 @@
align-items: center;
justify-content: center;
}
-.mapTool2 .tool-rotate{
+.mapTool2 .tool-rotate {
height: 0.33rem;
line-height: 0.33rem;
}
@@ -78,7 +77,7 @@
},
};
},
- mounted() { },
+ mounted() {},
watch: {
"state.show": {
handler(newVal) {
@@ -106,6 +105,7 @@
window.mapapi.getView().animate({
// 鍙缃渶瑕佺殑灞炴�у嵆鍙�
center: window.mapapi.getView().getCenter(), // 涓績鐐�
+ projection: "EPSG:3857",
zoom: zoom + 1, // 缂╂斁绾у埆
rotation: undefined, // 缂╂斁瀹屾垚view瑙嗗浘鏃嬭浆寮у害
duration: 1000, // 缂╂斁鎸佺画鏃堕棿锛岄粯璁や笉闇�瑕佽缃�
@@ -117,6 +117,7 @@
window.mapapi.getView().animate({
// 鍙缃渶瑕佺殑灞炴�у嵆鍙�
center: window.mapapi.getView().getCenter(), // 涓績鐐�
+ projection: "EPSG:3857",
zoom: zoom - 1, // 缂╂斁绾у埆
rotation: undefined, // 缂╂斁瀹屾垚view瑙嗗浘鏃嬭浆寮у害
duration: 1000, // 缂╂斁鎸佺画鏃堕棿锛岄粯璁や笉闇�瑕佽缃�
@@ -126,14 +127,21 @@
window.mapapi.getView().animate({
// 鍙缃渶瑕佺殑灞炴�у嵆鍙�
center: ol.proj.fromLonLat([116.52217697339846, 39.75979421847914]), // 涓績鐐�
+ projection: "EPSG:3857",
zoom: 12, // 缂╂斁绾у埆
rotation: undefined, // 缂╂斁瀹屾垚view瑙嗗浘鏃嬭浆寮у害
duration: 1000, // 缂╂斁鎸佺画鏃堕棿锛岄粯璁や笉闇�瑕佽缃�
});
},
- PointingNorth() {
- alert("鎸囧寳閽堝紑鍙戜腑");
- // console.log("鎸囧寳閽堝紑鍙戜腑")
+ flyToCurrentPosition() {
+ window.mapapi.getView().animate({
+ // 鍙缃渶瑕佺殑灞炴�у嵆鍙�
+ center: window.personalPoi, // 涓績鐐�
+ projection: "EPSG:3857",
+ zoom: 17, // 缂╂斁绾у埆
+ rotation: undefined, // 缂╂斁瀹屾垚view瑙嗗浘鏃嬭浆寮у害
+ duration: 1500, // 缂╂斁鎸佺画鏃堕棿锛岄粯璁や笉闇�瑕佽缃�
+ });
},
},
};
--
Gitblit v1.9.3