From b0cf75f3257f5ce04b52fd48654945cc58537147 Mon Sep 17 00:00:00 2001
From: 少年 <1392120328@qq.com>
Date: 星期二, 06 二月 2024 18:15:39 +0800
Subject: [PATCH] 11
---
src/utils/map2.js | 66 +++++++--------------------------
1 files changed, 14 insertions(+), 52 deletions(-)
diff --git a/src/utils/map2.js b/src/utils/map2.js
index e7cef48..aa51199 100644
--- a/src/utils/map2.js
+++ b/src/utils/map2.js
@@ -2203,6 +2203,7 @@
//openlayer 鍒涘缓鐐逛綅
+window.pointArr = [];
export function createPointMarker(position, obj) {
let startFeature = new ol.Feature({
geometry: new ol.geom.Point(position),
@@ -2210,6 +2211,12 @@
startFeature.setProperties({
desc: obj,
});
+ if (window.pointArr && window.pointArr.length > 0) {
+ window.pointArr.forEach(item => {
+ window.map.removeLayer(item)
+ })
+ window.pointArr = []
+ }
let MarkerLayer = new ol.layer.Vector({
id: 'LocationPoint',
name: '鏍囪鐐�',
@@ -2229,24 +2236,12 @@
}),
zIndex: 1099,
})
+ window.pointArr.push(MarkerLayer)
return MarkerLayer;
}
//openlayer 鍦板浘鐐瑰嚮浜嬩欢
export function setClick(state) {
- console.log('setClick');
- let ponitPanel = document.getElementById('ponitPanel');
- let overlay = new ol.Overlay({
- element: ponitPanel,
- autoPan: {
- animation: {
- duration: 250,
- },
- },
- });
- window.map.addOverlay(overlay);
-
- // let _clickCallback = callback;
function handleClick(e) {
console.log(e.coordinate);
// 鍦熷湴绠＄悊
@@ -2351,7 +2346,7 @@
rjl,
jzxg,
jzmd,
- lon:e.coordinate[0],
+ lon: e.coordinate[0],
lat: e.coordinate[1],
}
}
@@ -2367,12 +2362,8 @@
return;
}
-
window.map.forEachFeatureAtPixel(e.pixel, function (feature) {
- // console.log(feature, '111111')
if (feature && feature.values_.desc) {
- ponitPanel.style.display = 'block'
-
let obj = feature.values_.desc
objdata = {
POITYPE: "POINT",
@@ -2382,23 +2373,11 @@
lat: obj.lat
}
+ store.setTdglShow(false);
+ store.setTdlgInfo({});
- ponitPanel.innerHTML = `
- <div class="ponitPanel-name">
- <span>鍚嶇О锛�</span>
- <span>${objdata.name}</span>
- </div>
- <div class="ponitPanel-value">
- <span>鍦板潃锛�</span>
- <span>${objdata.address}</span>
- </div>`
-
- setTimeout(() => {
- overlay.setPosition(e.coordinate);
- }, 0)
-
- // store.setPoplayerShowAction(true);
- // store.setPoplayerListAction(objdata);
+ store.setdwShow(true);
+ store.setdwInfo(objdata);
// if (window.instance) {
// window.instance.$destroy();
// }
@@ -2421,26 +2400,9 @@
export function flyToPoint(posisitons) {
- // let zoom = window.map.getView().getZoom();
- // if (zoom >= 16) {
- // zoom = 12
- // }
- // let duration = 2000;
window.map.getView().animate({
center: posisitons,
- zoom: 12,
+ zoom: 15,
duration: 1500
})
- // window.map.getView().animate(
- // //鍔ㄧ敾寮�濮嬫椂
- // {
- // zoom: zoom > 16 ? zoom - 0.01 : zoom + 0.01,
- // duration: duration / 2,
- // },
- // //鍔ㄧ敾缁撴潫鏃�
- // {
- // zoom: zoom >= 16 ? 16 : zoom + 4,
- // duration: duration / 2,
- // }
- // );
}
\ No newline at end of file
--
Gitblit v1.9.3