From 4097cc9ad6c60bbb5e9864d3f54a37cfbb40026e Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 05 三月 2025 15:31:28 +0800 Subject: [PATCH] 临时:路网版本 --- src/views/HomePage.vue | 66 +++++++++++++++++++++++++++++++- 1 files changed, 63 insertions(+), 3 deletions(-) diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue index a9655f9..0d22cf3 100644 --- a/src/views/HomePage.vue +++ b/src/views/HomePage.vue @@ -1,16 +1,68 @@ <template> <BaseMap></BaseMap> <div class="overlay-container"> - <!-- <CoreHeader @on-change="(e) => (menuIndex = e)"></CoreHeader> --> + <CoreHeader></CoreHeader> + <el-row class="dropdown-wrap"> + <MapToolbox></MapToolbox> + <!-- <SatelliteTelemetry></SatelliteTelemetry> --> + <!-- <MissionManage></MissionManage> --> + <ConfigManage></ConfigManage> + <!-- <MapLocation></MapLocation> --> + <SceneSearch></SceneSearch> + <MapScene></MapScene> + </el-row> + <CoreMenu></CoreMenu> <router-view></router-view> </div> </template> -<script setup></script> +<script setup> +import { map, onMapMounted } from '@/utils/map/index_old'; + +let districtPolygon; +// 缁樺埗鍖哄幙杈圭晫 +function drawDistrict(districtName, isNew) { + onMapMounted(() => { + if (districtPolygon && !isNew) { + map.remove(districtPolygon); + map.add(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 + districtPolygon = new AMap.Polygon({ + map: map, //鏄剧ず璇ヨ鐩栫墿鐨勫湴鍥惧璞� + strokeWeight: 1, //杞粨绾垮搴� + path: bounds[i], //澶氳竟褰㈣疆寤撶嚎鐨勮妭鐐瑰潗鏍囨暟缁� + fillOpacity: 0.6, //澶氳竟褰㈠~鍏呴�忔槑搴� + // fillColor: '#CCF3FF', //澶氳竟褰㈠~鍏呴鑹� + fillColor: '#0077ff', + // strokeColor: '#ffffff' //绾挎潯棰滆壊 + strokeColor: 'white', //绾挎潯棰滆壊 + zIndex: 9 + }); + } + map.setFitView(); //灏嗚鐩栫墿璋冩暣鍒板悎閫傝閲� + } + }); + } + }); +} + +drawDistrict('闀垮畞鍖�'); +</script> <style scoped> .overlay-container { - background: transparent; + /* background: transparent; */ position: absolute; min-height: var(--screen-min-height); min-width: var(--screen-min-width); @@ -21,4 +73,12 @@ /* padding: 4px; */ pointer-events: none; } + +.dropdown-wrap { + /* background-color: aliceblue; */ + position: absolute; + top: 10px; + left: 2px; + gap: 4px; +} </style> -- Gitblit v1.9.3