From 42f42dc88214f283b43c422f37e10ab45c5c5578 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 12 三月 2025 17:32:13 +0800 Subject: [PATCH] 1. 新增绘图模式的切换 2. 新增行政区划的切换展示 --- src/views/HomePage.vue | 76 +++++++++++++++++++------------------- 1 files changed, 38 insertions(+), 38 deletions(-) diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue index 0d22cf3..e4cf5d3 100644 --- a/src/views/HomePage.vue +++ b/src/views/HomePage.vue @@ -19,45 +19,45 @@ <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(); //灏嗚鐩栫墿璋冩暣鍒板悎閫傝閲� - } - }); - } - }); -} +// 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('闀垮畞鍖�'); +// drawDistrict('闀垮畞鍖�'); </script> <style scoped> -- Gitblit v1.9.3