From 1eab2b76a58308c7947447aae0e08135820d59ab Mon Sep 17 00:00:00 2001 From: ZhAkps <46207005+ZhAkps@users.noreply.github.com> Date: 星期二, 06 二月 2024 17:56:33 +0800 Subject: [PATCH] poi search --- src/utils/map2.js | 183 +++++++++++++++++++++++++++++++++------------ 1 files changed, 132 insertions(+), 51 deletions(-) diff --git a/src/utils/map2.js b/src/utils/map2.js index 19e3c86..2fc2edd 100644 --- a/src/utils/map2.js +++ b/src/utils/map2.js @@ -2234,6 +2234,7 @@ //openlayer 鍦板浘鐐瑰嚮浜嬩欢 export function setClick(state) { + console.log('setClick'); let ponitPanel = document.getElementById('ponitPanel'); let overlay = new ol.Overlay({ element: ponitPanel, @@ -2244,14 +2245,129 @@ }, }); window.map.addOverlay(overlay); - - // let _clickCallback = callback; function handleClick(e) { - window.map.forEachFeatureAtPixel(e.pixel, function (feature) { - // console.log(feature, '111111') - if (feature && feature.values_.desc) { - ponitPanel.style.display = 'block' + console.log(e.coordinate); + // 鍦熷湴绠$悊 + if (store.tdglInfo.flag) { + axios + .get( + // "http://10.10.4.115:8022/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" + + window.gisBaseUrl + "yzxncsApi/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" + + e.coordinate[0] + + "&lat=" + + e.coordinate[1] + + "&geom=true&requesttype=json" + ).then(response => { + let center = { lon: 0, lat: 0 }; + if (window.tdglLine) { + window.map.removeLayer(window.tdglLine); + window.tdglLine = null; + } + var format = new ol.format.WKT(); // 鍒涘缓涓�涓� WKT 瑙f瀽鍣� + var feature = format.readFeature(response.data.geometry); // 瑙f瀽 WKT 骞剁敓鎴愯绱犲璞� + // 鍒涘缓涓�涓绱犲浘灞� + window.tdglLine = new ol.layer.Vector({ + source: new ol.source.Vector({ + features: [feature] // 灏嗚绱犲璞″姞鍏ュ埌鍥惧眰婧愪腑 + }) + }); + window.map.addLayer(window.tdglLine) + + + axios + .get( + // "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" + + window.gisBaseUrl + "yzxncsApi/poisearch/guihuacon/getInfo?ydbm=" + + response.data.NO + ) + .then( + info => { + let data = info.data.data; + if (data.yongdishuju === null) { + objdata = { + POITYPE: "NOTDGL", + zwxx: "鏆傛棤淇℃伅", + lon: window.clickPOI.lon, + lat: window.clickPOI.lat, + } + } else { + qiyexinxi = info.data.data.qiyexinxi; + qysl = data.qiyexinxi.length; + if (qysl > 0) { + ydbm = data.qiyexinxi[0]["鍦板潡缂栧彿"]; + } else { + ydbm = data.churangxinxi["ydbh"]; + } + try { + ydlx = data.yongdishuju["ydlxmc"]; + } catch (e) { } + try { + cyfx = data.yongdishuju["cyfx"]; + } catch (e) { } + try { + // this.crzt = response.data["ZT"]; + switch (response.data["ZT"]) { + case 3: + crzt = "宸插嚭璁�"; + break; + case 4: + crzt = "鏈嚭璁�"; + break; + } + } catch (e) { } + try { + ydmj = parseFloat( + "" + data.yongdishuju["ydmj"] + ).toFixed(0); + } catch (e) { } + try { + crnx = data.churangxinxi["crnx"]; + } catch (e) { } + try { + crnf = data.churangxinxi["crnf"]; + } catch (e) { } + try { + rjl = data.yongdishuju["rjl"]; + } catch (e) { } + try { + jzxg = data.yongdishuju["jzxg"]; + } catch (e) { } + try { + jzmd = data.yongdishuju["jzmd"]; + } catch (e) { } + objdata = { + POITYPE: "TDGL", + ydbm, + ydlx, + cyfx, + crzt, + ydmj, + ydbm, + crnx, + crnf, + rjl, + jzxg, + jzmd, + lon: e.coordinate[0], + lat: e.coordinate[1], + } + } + + store.setTdglShow(false); + store.setTdlgInfo({}); + store.setTdglShow(true); + store.setTdlgInfo(objdata); + } + ); + + }) + return; + } + + + window.map.forEachFeatureAtPixel(e.pixel, function (feature) { + if (feature && feature.values_.desc) { let obj = feature.values_.desc objdata = { POITYPE: "POINT", @@ -2260,33 +2376,15 @@ lon: obj.lng, lat: obj.lat } - - - 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); - // if (window.instance) { - // window.instance.$destroy(); - // } - // window.instance = new PoiLayerConstructor({ - // data: { - // list: objdata - // } - // }); - // window.instance.$mount(); + console.log('objdata'); + store.setPoplayerShowAction(true); + store.setPoplayerListAction(objdata); + window.instance = new PoiLayerConstructor({ + data: { + list1: objdata + } + }); + window.instance.$mount(); } }); } @@ -2300,26 +2398,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