From e895212fa4215c50ce79ce4b448e064caf394776 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 03 七月 2025 17:35:46 +0800 Subject: [PATCH] 2025.7.3 动态溯源(待完成) --- src/utils/map/toolbox.js | 102 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 99 insertions(+), 3 deletions(-) diff --git a/src/utils/map/toolbox.js b/src/utils/map/toolbox.js index ba75d5d..3c24609 100644 --- a/src/utils/map/toolbox.js +++ b/src/utils/map/toolbox.js @@ -1,6 +1,19 @@ /* eslint-disable no-undef */ -import { map, satellite, controlbar } from './index_old'; -// import '@/lib/jquery-3.5.1.min'; +import { watch } from 'vue'; +import { map, satellite, onMapMounted } from './index_old'; +import { useToolboxStore } from '@/stores/toolbox'; +import { DialogUtil } from '@/utils/map/dialog'; + +const toolboxStore = useToolboxStore(); +watch( + () => toolboxStore.selectedDistrict, + (nV, oV) => { + if (nV != oV && toolboxStore.districtStatus) { + if (activeDistrict) map.remove(activeDistrict); + drawDistrict(toolboxStore.selectedDistrict); + } + } +); /** * 鍧愭爣鎷惧彇榧犳爣鐐瑰嚮鍥炶皟浜嬩欢 @@ -35,13 +48,74 @@ } } +let districtPolygonMap = new Map(); +let activeDistrict = undefined; +// 缁樺埗鍖哄幙杈圭晫 +function drawDistrict(districtName, isNew) { + onMapMounted(() => { + if (!isNew && districtPolygonMap.has(districtName)) { + const districtPolygon = districtPolygonMap.get(districtName); + map.remove(districtPolygon); + map.add(districtPolygon); + activeDistrict = districtPolygon; + } else { + // eslint-disable-next-line no-undef + var district = new AMap.DistrictSearch({ + extensions: 'all', //杩斿洖琛屾斂鍖鸿竟鐣屽潗鏍囩瓑鍏蜂綋淇℃伅 + level: 'district' //璁剧疆鏌ヨ琛屾斂鍖虹骇鍒负鍖� + }); + district.search(districtName, function (status, result) { + var bounds = result.districtList[0].boundaries; //鑾峰彇鏈濋槼鍖虹殑杈圭晫淇℃伅 + if (bounds) { + for (var i = 0; i < bounds.length; i++) { + //鐢熸垚琛屾斂鍖哄垝 polygon + // eslint-disable-next-line no-undef + const districtPolygon = new AMap.Polygon({ + map: map, //鏄剧ず璇ヨ鐩栫墿鐨勫湴鍥惧璞� + strokeWeight: 1, //杞粨绾垮搴� + path: bounds[i], //澶氳竟褰㈣疆寤撶嚎鐨勮妭鐐瑰潗鏍囨暟缁� + fillOpacity: 0.6, //澶氳竟褰㈠~鍏呴�忔槑搴� + // fillColor: '#CCF3FF', //澶氳竟褰㈠~鍏呴鑹� + fillColor: '#0077ff', + // strokeColor: '#ffffff' //绾挎潯棰滆壊 + strokeColor: 'white', //绾挎潯棰滆壊 + zIndex: 9 + }); + + districtPolygonMap.set(districtName, districtPolygon); + activeDistrict = districtPolygon; + } + // map.setFitView(); //灏嗚鐩栫墿璋冩暣鍒板悎閫傝閲� + } + }); + } + }); +} + export default { + /** + * 寮�鍏宠鏀垮尯鍒� + * @param {boolean} value + */ + toggleDistrict(value) { + if (value) { + if (toolboxStore.selectedDistrict) + drawDistrict(toolboxStore.selectedDistrict); + } else { + if (activeDistrict) map.remove(activeDistrict); + } + toolboxStore.districtStatus = value; + }, + /** * 寮�鍏冲湴鐗╂爣娉� * @param {boolean} value */ toggleFeatures(value) { - value ? map.setFeatures(['bg', 'road', 'point', 'building']) : map.setFeatures(['bg', 'road']); + value + ? map.setFeatures(['bg', 'road', 'point', 'building']) + : map.setFeatures(['bg', 'road']); + toolboxStore.featuresStatus = value; }, /** @@ -50,6 +124,7 @@ */ toggleSatellite(value) { value ? satellite.show() : satellite.hide(); + toolboxStore.satelliteStatus = value; }, /** @@ -59,6 +134,7 @@ toggleControlbar(value) { // value ? controlbar.show() : controlbar.hide(); value ? $('.amap-controlbar').show() : $('.amap-controlbar').hide(); + toolboxStore.controlbarStatus = value; }, /** @@ -74,5 +150,25 @@ _locationMarker = undefined; _locationText = undefined; } + toolboxStore.coorPickStatus = value; + }, + + /** + * 寮�鍏虫暟鎹脊妗� + */ + toggleDataDialogStatus(value) { + toolboxStore.dataDialogStatus = value; + if (value) { + DialogUtil.openWindow(); + } else { + DialogUtil.closeWindow(); + } + }, + + /** + * 寮�鍏虫函婧愭竻鍗� + */ + toggleSceneSearch(value) { + toolboxStore.sceneSearchStatus = value; } }; -- Gitblit v1.9.3