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 | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 50 insertions(+), 2 deletions(-) diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue index afe27b3..0d22cf3 100644 --- a/src/views/HomePage.vue +++ b/src/views/HomePage.vue @@ -4,14 +4,61 @@ <CoreHeader></CoreHeader> <el-row class="dropdown-wrap"> <MapToolbox></MapToolbox> - <MissionManage></MissionManage> + <!-- <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 { @@ -28,6 +75,7 @@ } .dropdown-wrap { + /* background-color: aliceblue; */ position: absolute; top: 10px; left: 2px; -- Gitblit v1.9.3