From 88129616b813bffe152175cd8f565a683e7dbf20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=89=88=E5=85=86=E5=A2=9E?= <你的邮箱@example.com>
Date: Fri, 3 Apr 2026 17:04:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9B=BE=E4=BE=8Bsvg?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=92=8C=E5=9B=BE=E4=BE=8B=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/legend/map-aishipinzhan.svg    |   1 +
 .../assets/legend/map-dongwujiuzhuzhan.svg    |  17 +++
 .../assets/legend/map-dwsjhDieliangmenshi.svg |  11 ++
 .../assets/legend/map-dwsjhGeshuimuqiang.svg  |  11 ++
 .../legend/map-dwsjhQianzhidangqiang.svg      |  11 ++
 frontend/src/assets/legend/map-dwsjhQita.svg  |  11 ++
 .../src/assets/legend/map-dxsdzDabiaolv-1.svg |  16 ++
 .../src/assets/legend/map-dxsdzDabiaolv-2.svg |  16 ++
 .../src/assets/legend/map-dxsdzDabiaolv-3.svg |  16 ++
 .../src/assets/legend/map-dxsdzDabiaolv-4.svg |  16 ++
 .../src/assets/legend/map-dxsdzDabiaolv-5.svg |  16 ++
 .../src/assets/legend/map-dxsdzGuihua.svg     |  23 +++
 .../src/assets/legend/map-dxsdzZaijian.svg    |  22 +++
 frontend/src/assets/legend/map-dzTushi.svg    |   1 +
 .../src/assets/legend/map-gjszzBudabiao.svg   |  18 +++
 .../src/assets/legend/map-gjszzDabiao.svg     |  16 ++
 .../assets/legend/map-gjszzWudabiaoshujv.svg  |  16 ++
 .../legend/map-gyssFangzirantongdao.svg       |  11 ++
 .../assets/legend/map-gyssJiyunyuxitong.svg   |  11 ++
 frontend/src/assets/legend/map-gyssQita.svg   |  12 ++
 .../src/assets/legend/map-gyssShengyuji.svg   |  11 ++
 frontend/src/assets/legend/map-gyssYudao.svg  |  17 +++
 .../src/assets/legend/map-liuliangzhan.svg    |  16 ++
 frontend/src/assets/legend/map-qixidi.svg     |  12 ++
 .../legend/map-rengongchanluanchang.svg       |  16 ++
 .../legend/map-rengongshuiwenjiance.svg       |  14 ++
 .../src/assets/legend/map-rgszzBudabiao.svg   |  16 ++
 .../src/assets/legend/map-rgszzDabiao.svg     |  16 ++
 .../assets/legend/map-rgszzWudabiaoshujv.svg  |  16 ++
 frontend/src/assets/legend/map-shipinzhan.svg |  16 ++
 .../assets/legend/map-ssShuishengshengtai.svg |  14 ++
 .../assets/legend/map-stllxfssFangliudong.svg |  13 ++
 .../assets/legend/map-stllxfssFangliuguan.svg |  11 ++
 .../assets/legend/map-stllxfssFangliukong.svg |  11 ++
 .../assets/legend/map-stllxfssJihefadian.svg  |  11 ++
 .../legend/map-stllxfssShengtaijizu.svg       |  11 ++
 .../assets/legend/map-stllxfssXiehongzha.svg  |  11 ++
 .../src/assets/legend/map-yeshengdongwu.svg   |  12 ++
 frontend/src/assets/legend/map-yuleifenbu.svg |  12 ++
 .../assets/legend/map-yuleizengzhizhan.svg    |  15 ++
 .../src/assets/legend/map-zhenxizhiwuyuan.svg |  13 ++
 .../assets/legend/map-zidongshuiwenjiance.svg |  15 ++
 .../src/assets/legend/map-ziranbaohuqu.svg    |  10 ++
 .../src/assets/legend/map-zjszzBudabiao.svg   |  22 +++
 .../src/assets/legend/map-zjszzDabiao.svg     |  20 +++
 .../assets/legend/map-zjszzWudabiaoshujv.svg  |  20 +++
 .../src/assets/legend/map-zxsdzDabiaolv-1.svg |  16 ++
 .../src/assets/legend/map-zxsdzDabiaolv-2.svg |  16 ++
 .../src/assets/legend/map-zxsdzDabiaolv-3.svg |  16 ++
 .../src/assets/legend/map-zxsdzDabiaolv-4.svg |  16 ++
 .../src/assets/legend/map-zxsdzDabiaolv-5.svg |  16 ++
 .../src/assets/legend/map-zxsdzGuihua.svg     |  24 +++
 .../src/assets/legend/map-zxsdzYijian.svg     |  22 +++
 .../src/assets/legend/map-zxsdzZaijian.svg    |  16 ++
 frontend/src/assets/legend/sdzGaojing0.svg    |  16 ++
 frontend/src/assets/legend/sdzGaojing1.svg    |  16 ++
 frontend/src/assets/legend/sdzGaojing2.svg    |  16 ++
 frontend/src/assets/legend/sdzGaojing3.svg    |  16 ++
 frontend/src/assets/legend/yijiansheshi.svg   |  13 ++
 frontend/src/assets/legend/zweijiansheshi.svg |  13 ++
 .../src/components/mapLegend/LegendItem.vue   |  15 +-
 frontend/src/components/mapLegend/index.vue   |   3 +-
 frontend/src/store/modules/map.ts             | 143 ++++++++----------
 frontend/src/utils/index.ts                   |   2 -
 64 files changed, 955 insertions(+), 83 deletions(-)
 create mode 100644 frontend/src/assets/legend/map-aishipinzhan.svg
 create mode 100644 frontend/src/assets/legend/map-dongwujiuzhuzhan.svg
 create mode 100644 frontend/src/assets/legend/map-dwsjhDieliangmenshi.svg
 create mode 100644 frontend/src/assets/legend/map-dwsjhGeshuimuqiang.svg
 create mode 100644 frontend/src/assets/legend/map-dwsjhQianzhidangqiang.svg
 create mode 100644 frontend/src/assets/legend/map-dwsjhQita.svg
 create mode 100644 frontend/src/assets/legend/map-dxsdzDabiaolv-1.svg
 create mode 100644 frontend/src/assets/legend/map-dxsdzDabiaolv-2.svg
 create mode 100644 frontend/src/assets/legend/map-dxsdzDabiaolv-3.svg
 create mode 100644 frontend/src/assets/legend/map-dxsdzDabiaolv-4.svg
 create mode 100644 frontend/src/assets/legend/map-dxsdzDabiaolv-5.svg
 create mode 100644 frontend/src/assets/legend/map-dxsdzGuihua.svg
 create mode 100644 frontend/src/assets/legend/map-dxsdzZaijian.svg
 create mode 100644 frontend/src/assets/legend/map-dzTushi.svg
 create mode 100644 frontend/src/assets/legend/map-gjszzBudabiao.svg
 create mode 100644 frontend/src/assets/legend/map-gjszzDabiao.svg
 create mode 100644 frontend/src/assets/legend/map-gjszzWudabiaoshujv.svg
 create mode 100644 frontend/src/assets/legend/map-gyssFangzirantongdao.svg
 create mode 100644 frontend/src/assets/legend/map-gyssJiyunyuxitong.svg
 create mode 100644 frontend/src/assets/legend/map-gyssQita.svg
 create mode 100644 frontend/src/assets/legend/map-gyssShengyuji.svg
 create mode 100644 frontend/src/assets/legend/map-gyssYudao.svg
 create mode 100644 frontend/src/assets/legend/map-liuliangzhan.svg
 create mode 100644 frontend/src/assets/legend/map-qixidi.svg
 create mode 100644 frontend/src/assets/legend/map-rengongchanluanchang.svg
 create mode 100644 frontend/src/assets/legend/map-rengongshuiwenjiance.svg
 create mode 100644 frontend/src/assets/legend/map-rgszzBudabiao.svg
 create mode 100644 frontend/src/assets/legend/map-rgszzDabiao.svg
 create mode 100644 frontend/src/assets/legend/map-rgszzWudabiaoshujv.svg
 create mode 100644 frontend/src/assets/legend/map-shipinzhan.svg
 create mode 100644 frontend/src/assets/legend/map-ssShuishengshengtai.svg
 create mode 100644 frontend/src/assets/legend/map-stllxfssFangliudong.svg
 create mode 100644 frontend/src/assets/legend/map-stllxfssFangliuguan.svg
 create mode 100644 frontend/src/assets/legend/map-stllxfssFangliukong.svg
 create mode 100644 frontend/src/assets/legend/map-stllxfssJihefadian.svg
 create mode 100644 frontend/src/assets/legend/map-stllxfssShengtaijizu.svg
 create mode 100644 frontend/src/assets/legend/map-stllxfssXiehongzha.svg
 create mode 100644 frontend/src/assets/legend/map-yeshengdongwu.svg
 create mode 100644 frontend/src/assets/legend/map-yuleifenbu.svg
 create mode 100644 frontend/src/assets/legend/map-yuleizengzhizhan.svg
 create mode 100644 frontend/src/assets/legend/map-zhenxizhiwuyuan.svg
 create mode 100644 frontend/src/assets/legend/map-zidongshuiwenjiance.svg
 create mode 100644 frontend/src/assets/legend/map-ziranbaohuqu.svg
 create mode 100644 frontend/src/assets/legend/map-zjszzBudabiao.svg
 create mode 100644 frontend/src/assets/legend/map-zjszzDabiao.svg
 create mode 100644 frontend/src/assets/legend/map-zjszzWudabiaoshujv.svg
 create mode 100644 frontend/src/assets/legend/map-zxsdzDabiaolv-1.svg
 create mode 100644 frontend/src/assets/legend/map-zxsdzDabiaolv-2.svg
 create mode 100644 frontend/src/assets/legend/map-zxsdzDabiaolv-3.svg
 create mode 100644 frontend/src/assets/legend/map-zxsdzDabiaolv-4.svg
 create mode 100644 frontend/src/assets/legend/map-zxsdzDabiaolv-5.svg
 create mode 100644 frontend/src/assets/legend/map-zxsdzGuihua.svg
 create mode 100644 frontend/src/assets/legend/map-zxsdzYijian.svg
 create mode 100644 frontend/src/assets/legend/map-zxsdzZaijian.svg
 create mode 100644 frontend/src/assets/legend/sdzGaojing0.svg
 create mode 100644 frontend/src/assets/legend/sdzGaojing1.svg
 create mode 100644 frontend/src/assets/legend/sdzGaojing2.svg
 create mode 100644 frontend/src/assets/legend/sdzGaojing3.svg
 create mode 100644 frontend/src/assets/legend/yijiansheshi.svg
 create mode 100644 frontend/src/assets/legend/zweijiansheshi.svg

diff --git a/frontend/src/assets/legend/map-aishipinzhan.svg b/frontend/src/assets/legend/map-aishipinzhan.svg
new file mode 100644
index 0000000..a6e8d91
--- /dev/null
+++ b/frontend/src/assets/legend/map-aishipinzhan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><g><g></g><g><path d="M12,1C17.5228,1,22,5.48368,22,11.0146C22,15.5982,18.9252,19.4625,14.7286,20.6518C14.0801,21.2555,13.5127,21.9435,13.0417,22.6983L12.4242,23.6877C12.278,23.922,11.96954,23.9933,11.73528,23.8471C11.67068,23.8068,11.61614,23.7523,11.57583,23.6877L10.95833,22.6983C10.48728,21.9435,9.919889999999999,21.2555,9.27177,20.6511C5.074809999999999,19.4625,2,15.5982,2,11.0146C2,5.48368,6.47715,1,12,1Z" fill="#0AC266" fill-opacity="1"/></g><g><path d="M12,2C7.02976,2,3,6.03564,3,11.01458C3,14.9819,5.58137,18.4405,9.284130000000001,19.6111L9.77691,19.7549L9.95375,19.9198C10.56499,20.4898,11.11007,21.1267,11.57875,21.8184L11.80668,22.1688L12,22.478L12.19332,22.1688C12.63664,21.4585,13.158,20.8014,13.747,20.2101L14.0472,19.9199L14.2238,19.7555L14.4559,19.6897C18.2973,18.6011,21,15.0741,21,11.01458C21,6.03564,16.9702,2,12,2Z" fill="#00A050" fill-opacity="1"/></g><g><path d="M7.57025,5L17.5657,7.77166L16.7669,8.82141L18,9.15204L17.1565,12.29908L14.6369,11.622530000000001L13.84032,12.67446L9.99709,11.59853L9.99709,13.93371L6.998453,13.93262L6.999545,15.923L6,15.923L6,11.943349999999999L6.999545,11.943349999999999L6.998454,13.0793L9.27144,13.0793L9.27035,11.39556L6.0949342,10.50623L7.56916,5L7.57025,5ZM14.99373,7.90261L12.37483,11.418479999999999L13.55988,11.7502L16.2235,8.24307L14.99373,7.90152L14.99373,7.90261ZM16.235500000000002,9.52087L15.1705,10.92307L16.6164,11.31045L17.038600000000002,9.738019999999999L16.235500000000002,9.52087ZM8.10603,5.992998L7.0508299999999995,9.92898L11.56624,11.192599999999999L14.18514,7.67673L8.10603,5.992998Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dongwujiuzhuzhan.svg b/frontend/src/assets/legend/map-dongwujiuzhuzhan.svg
new file mode 100644
index 0000000..a5e0851
--- /dev/null
+++ b/frontend/src/assets/legend/map-dongwujiuzhuzhan.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dongwujiuzhuzhan</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-dongwujiuzhuzhan" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.96954214,22.993339 9.73527812,22.8471372 C9.67067972,22.806822 9.6161427,22.7522849 9.57582748,22.6876865 L8.95833333,21.6982555 C8.48728096,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.56499354,19.489756 9.11007499,20.1266528 9.57875348,20.8184146 L9.80667838,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <g id="编组" transform="translate(4.000000, 3.000000)" fill="#FFFFFF">
+                <g id="路径" transform="translate(0.000000, 0.750000)">
+                    <polygon points="10.875 4.5 10.875 11.25 1.125 11.25 1.125 4.5 1.875 4.5 1.875 10.5 10.125 10.5 10.125 4.5"></polygon>
+                    <path d="M5.99949383,4.96447889 C6.67450486,4.35550941 7.69047373,4.34769678 8.37336406,4.92716844 L8.49146602,5.03674798 C9.14571049,5.70005088 9.16747093,6.74976529 8.56371984,7.43930899 L8.47321526,7.53528448 L6.39365573,9.594412 C6.19192974,9.79215339 5.87920854,9.80771639 5.66059081,9.64219611 L5.59803369,9.58710862 L3.50898437,7.51703373 C2.82358027,6.82214497 2.83161245,5.70390133 3.5257724,5.01849209 C4.20606465,4.34914721 5.29073738,4.32506093 5.99949383,4.96447889 Z M7.94691339,5.55282003 C7.57613564,5.18761167 6.9994374,5.15126266 6.58749808,5.45179201 L6.50188227,5.52135038 L5.99949201,5.97458791 L5.49710338,5.52134857 C5.08326332,5.14799497 4.44938056,5.1619074 4.05272796,5.55217536 C3.67961282,5.92058695 3.65089103,6.50579436 3.96642977,6.90431163 L4.03931446,6.98670364 L5.99925,8.92875 L7.94682981,7.00103888 C8.32016884,6.63319265 8.34924559,6.04776046 8.0339059,5.64936394 L7.96106138,5.5670035 L7.94691339,5.55282003 Z" id="形状"></path>
+                    <polygon points="0 5.25 6 -4.61860726e-14 12 5.25 11.4921155 5.75788455 6 1.0156924 0.507884548 5.75788455"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dwsjhDieliangmenshi.svg b/frontend/src/assets/legend/map-dwsjhDieliangmenshi.svg
new file mode 100644
index 0000000..15d19b0
--- /dev/null
+++ b/frontend/src/assets/legend/map-dwsjhDieliangmenshi.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dwsjhDieliangmenshi</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-dwsjhDieliangmenshi" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M12.7811001,9.5551365 C12.5138652,9.5551365 12.2963802,9.766443 12.2963802,10.0291867 L12.2963802,10.8132457 C12.2963802,11.0745982 12.5138638,11.2872959 12.7811001,11.2872959 C13.048335,11.2872959 13.26582,11.0745996 13.26582,10.8132457 L13.26582,10.0291867 C13.26582,9.766443 13.0483364,9.5551365 12.7811001,9.5551365 Z M14.0845832,4.98146365 L9.1023479,4.02502315 C9.0184816,4.00834105 8.9331933,4 8.8479054,4 C8.218196,4 7.72494835,4.46570874 7.72494835,5.06209443 L7.72494835,5.30120489 L6.36176364,5.08989838 C6.28216159,5.07738681 6.20113819,5.07182609 6.12295707,5.07182609 C5.48329742,5.07182609 5,5.47219703 5,6.00324357 L5,13.999536 C5,14.5305825 5.48329742,14.9295637 6.12295707,14.9295637 C6.20113763,14.9295637 6.28073899,14.924003 6.36176364,14.9114914 L7.72636942,14.6987951 L7.72636942,14.9379056 C7.72636942,15.5329001 8.2196171,16 8.8493265,16 C8.9346144,16 9.0199022,15.9916589 9.1023465,15.976367 L14.0859987,15.0185368 C14.606255,14.9184442 15,14.4374428 15,13.9008358 L15,6.09916829 C14.9971571,5.56255988 14.6048326,5.08155937 14.0845762,4.98146731 L14.0845832,4.98146365 Z M6.24093928,14.1691309 C5.97512543,14.2094459 5.76474861,14.1010123 5.76474861,13.9981392 L5.76474861,6.000461 C5.76474861,5.897588 5.9765465,5.7877647 6.23951821,5.82946927 L7.72353006,6.06023828 L7.72353006,13.9383646 L6.24094901,14.1691336 L6.24093928,14.1691309 Z M14.2309965,13.896656 C14.2309965,14.0732082 14.0959574,14.2483707 13.9367529,14.2789542 L8.9531008,15.2367845 C8.9189856,15.2437354 8.883449,15.2465157 8.8479124,15.2465157 C8.6375355,15.2465157 8.491125,15.1186196 8.491125,14.9351158 L8.491125,5.06070476 C8.491125,4.84661731 8.7015018,4.7103812 8.9531008,4.75903608 L13.9381837,5.71686637 C14.0973881,5.74884037 14.2324273,5.92400215 14.2324273,6.09916461 L14.2324273,13.8966614 L14.2309965,13.896656 Z" id="形状" fill="#FFFFFF" transform="translate(10.000000, 10.000000) rotate(-90.000000) translate(-10.000000, -10.000000) "></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dwsjhGeshuimuqiang.svg b/frontend/src/assets/legend/map-dwsjhGeshuimuqiang.svg
new file mode 100644
index 0000000..4dc9b85
--- /dev/null
+++ b/frontend/src/assets/legend/map-dwsjhGeshuimuqiang.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dwsjhGeshuimuqiang</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-dwsjhGeshuimuqiang" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M12.6829236,5 C12.8849788,5 13.0487771,5.16398891 13.0487771,5.36627918 L13.0487771,5.73255837 L14.6341461,5.73255837 C14.8225904,5.73256742 14.9802012,5.87588227 14.9982927,6.06367475 L15,6.09883755 L15,13.9011619 C15,14.1034522 14.8362017,14.2674411 14.6341465,14.2674411 L13.0487775,14.2674411 L13.0487775,14.6337203 C13.0487775,14.8223662 12.9056362,14.9801673 12.7180631,14.998289 L12.6829236,15 L5.36585352,15 C5.16379833,15 5,14.8360111 5,14.6337208 L5,5.3662797 C5,5.16398938 5.16379833,5 5.36585351,5 L12.6829236,5 Z M12.3170701,5.73255837 L5.73170701,5.73255837 L5.73170701,14.2674411 L12.3170701,14.2674411 L12.3170701,5.73255837 Z M14.2682926,6.46511674 L13.0487771,6.46511674 L13.0487771,13.5348827 L14.2682926,13.5348827 L14.2682926,6.46511674 Z M10.7785228,9.301827 C10.9365516,9.4045553 10.9908088,9.6106331 10.9038958,9.7779941 L10.8860909,9.8085174 L8.6299981,13.2881696 C8.5212801,13.4586817 8.2950798,13.5086731 8.124767,13.3998281 C7.96414932,13.2971801 7.90912496,13.0882916 7.99829146,12.9196933 L8.0163403,12.88917 L10.2724331,9.4095178 C10.3824826,9.2398641 10.6090663,9.1916492 10.7785228,9.301827 Z M9.8029138,7.10415051 C9.9609427,7.20688016 10.0151999,7.41295798 9.9282868,7.58031896 L9.910482,7.61084226 L7.65438916,11.0904945 C7.5456711,11.2610066 7.31947085,11.3109969 7.14915804,11.2021528 C6.98854035,11.0995048 6.93351598,10.8906163 7.02268249,10.7220169 L7.0407313,10.6914936 L9.2968241,7.2118413 C9.4068737,7.04218763 9.6334574,6.9939727 9.8029138,7.10415051 Z" id="形状结合" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dwsjhQianzhidangqiang.svg b/frontend/src/assets/legend/map-dwsjhQianzhidangqiang.svg
new file mode 100644
index 0000000..1a9eb87
--- /dev/null
+++ b/frontend/src/assets/legend/map-dwsjhQianzhidangqiang.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dwsjhQianzhidangqiang</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-dwsjhQianzhidangqiang" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M8.0519815,11.9205132 L5.7118534,11.9205132 L5.72330394,13.2987312 L8.0519828,13.2987312 L8.0519828,14 L5,14 L5,9.1469013 L8.0519815,9.1469013 L8.0519815,7.77366828 L5.72870375,7.77366828 L5.72870375,9.1469013 L5,9.1469013 L5,5 L15,5 L15,7.07937399 L14.29493,7.07937399 L14.29493,5.70579619 L11.9480371,5.70579619 L11.9480759,7.07937399 L15,7.07937399 L15,11.2262753 L14.29493,11.2262753 L14.3021599,9.8530423 L11.9480759,9.8530423 L11.9480759,11.2262753 L15,11.2262753 L15,14 L8.0519828,14 L8.0519815,11.9205132 Z M14.2817281,13.2936887 L14.2817281,11.932528 L8.770252,11.932528 L8.770252,13.2936887 L14.2817281,13.2936887 Z M11.2297466,11.2143147 L11.2297466,9.853154 L5.71827055,9.853154 L5.71827055,11.2143147 L11.2297466,11.2143147 Z M14.2817281,9.1467874 L14.2817281,7.78562666 L8.770252,7.78562666 L8.770252,9.1467874 L14.2817281,9.1467874 Z M11.2297466,7.06741336 L11.2297466,5.70625266 L5.71827055,5.70625266 L5.71827055,7.06741336 L11.2297466,7.06741336 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dwsjhQita.svg b/frontend/src/assets/legend/map-dwsjhQita.svg
new file mode 100644
index 0000000..120c81c
--- /dev/null
+++ b/frontend/src/assets/legend/map-dwsjhQita.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dwsjhQita</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-dwsjhQita" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M15.3285024,5.28571322 L10.4556195,3.09751195 C10.1661029,2.96749602 9.8340457,2.96749602 9.5445304,3.09751195 L4.67164751,5.28571322 C4.263666,5.46887583 4,5.88024173 4,6.33364584 L4,12.6662796 C4,13.1196838 4.263666,13.5310496 4.67164751,13.7143621 L9.5443805,15.9025633 C9.6891381,15.9675712 9.8445316,16 9.9999251,16 C10.1553185,16 10.310712,15.967421 10.4554696,15.9025633 L15.3283525,13.7143621 C15.736334,13.5310484 16,13.1196825 16,12.6662796 L16,6.33364584 C16,5.88024173 15.736334,5.46887583 15.3283525,5.28556342 L15.3285024,5.28571322 Z M15.1138759,12.6662873 C15.1138759,12.7632736 15.0574498,12.8511015 14.9702998,12.8902871 L10.0975668,15.0784884 C10.0356754,15.1062631 9.9646253,15.1062631 9.9027342,15.0784884 L5.02985136,12.8902871 L5.02985138,12.8902871 C4.94259532,12.8510798 4.88627531,12.7632546 4.88627531,12.6662873 L4.88627531,6.33365346 C4.88627531,6.2366671 4.94270136,6.14883918 5.02985138,6.10965362 L9.9027342,3.92145235 C9.9646257,3.89367765 10.0356758,3.89367765 10.0975668,3.92145235 L14.9702998,6.10965362 C15.0575977,6.14883854 15.1138759,6.2368169 15.1138759,6.33365346 L15.1138759,12.6662873 L15.1138759,12.6662873 Z M7.17611666,9.4999704 L6.38497002,9.4999704 L6.38497002,9.4999703 C6.38497002,9.9440712 6.73917812,10.3040855 7.17611666,10.3040855 C7.61305521,10.3040855 7.9672633,9.9440712 7.9672633,9.4999703 C7.9672633,9.4999702 7.9672633,9.4999702 7.9672633,9.4999702 L7.9672633,9.4999702 C7.9672633,9.0558693 7.61305521,8.69585494 7.17611666,8.69585494 C6.73917812,8.69585494 6.38497002,9.0558693 6.38497002,9.4999702 L7.17611666,9.4999704 Z M10.0260792,9.4999704 L9.2349326,9.4999704 L9.2349326,9.4999705 C9.2349326,9.9440714 9.5891406,10.3040858 10.0260792,10.3040858 C10.4630177,10.3040858 10.8172258,9.9440714 10.8172258,9.4999705 L10.8172258,9.4999705 C10.8172258,9.0558695 10.4630177,8.69585518 10.0260792,8.69585518 C9.5891406,8.69585518 9.2349326,9.0558695 9.2349326,9.4999705 C9.2349326,9.4999705 9.2349326,9.4999705 9.2349326,9.4999705 L10.0260792,9.4999704 Z M12.8758918,9.4999704 L12.0847452,9.4999704 L12.0847452,9.5000713 C12.0847452,9.9441722 12.4389533,10.3041866 12.8758918,10.3041866 C13.3128304,10.3041866 13.6670385,9.9441722 13.6670385,9.5000713 C13.6670385,9.5000039 13.6670385,9.4999366 13.6670385,9.4998692 L13.6670385,9.4997682 C13.6670385,9.0556672 13.3128304,8.69565288 12.8758918,8.69565288 C12.4389533,8.69565288 12.0847452,9.0556672 12.0847452,9.4997682 C12.0847452,9.4998355 12.0847452,9.4999029 12.0847452,9.4999702 L12.8758918,9.4999704 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dxsdzDabiaolv-1.svg b/frontend/src/assets/legend/map-dxsdzDabiaolv-1.svg
new file mode 100644
index 0000000..049ae08
--- /dev/null
+++ b/frontend/src/assets/legend/map-dxsdzDabiaolv-1.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dxsdzDabiaolv-1</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-158.000000, -836.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-16" transform="translate(142.000000, 73.000000)">
+                    <g id="map-dxsdzDabiaolv-1" transform="translate(0.000000, 26.000000)">
+                        <circle id="椭圆形" stroke="#008E43" stroke-width="1.25" fill="#00A050" cx="10" cy="10" r="9.375"></circle>
+                        <path d="M10,1.66666667 C14.6023729,1.66666667 18.3333333,5.39762709 18.3333333,10 L18.3333333,10 L1.66666667,10 L1.67048694,9.74522729 C1.80514922,5.26072284 5.48285621,1.66666667 10,1.66666667 Z" id="形状结合" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dxsdzDabiaolv-2.svg b/frontend/src/assets/legend/map-dxsdzDabiaolv-2.svg
new file mode 100644
index 0000000..46af884
--- /dev/null
+++ b/frontend/src/assets/legend/map-dxsdzDabiaolv-2.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dxsdzDabiaolv-2</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-158.000000, -864.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-16" transform="translate(142.000000, 73.000000)">
+                    <g id="map-dxsdzDabiaolv-2" transform="translate(0.000000, 54.000000)">
+                        <circle id="椭圆形" stroke="#97BF21" stroke-width="1.25" fill="#A9D22E" cx="10" cy="10" r="9.375"></circle>
+                        <path d="M10,1.66666667 C14.6023729,1.66666667 18.3333333,5.39762709 18.3333333,10 L18.3333333,10 L1.66666667,10 L1.67048694,9.74522729 C1.80514922,5.26072284 5.48285621,1.66666667 10,1.66666667 Z" id="形状结合" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dxsdzDabiaolv-3.svg b/frontend/src/assets/legend/map-dxsdzDabiaolv-3.svg
new file mode 100644
index 0000000..4c8adad
--- /dev/null
+++ b/frontend/src/assets/legend/map-dxsdzDabiaolv-3.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dxsdzDabiaolv-3</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-158.000000, -892.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-16" transform="translate(142.000000, 73.000000)">
+                    <g id="map-shuikudaxing-guihua" transform="translate(0.000000, 82.000000)">
+                        <path d="M10,0.625 C12.5888348,0.625 14.9325848,1.67433262 16.6291261,3.37087393 C18.3256674,5.06741524 19.375,7.41116524 19.375,10 C19.375,12.5888348 18.3256674,14.9325848 16.6291261,16.6291261 C14.9325848,18.3256674 12.5888348,19.375 10,19.375 C7.41116524,19.375 5.06741524,18.3256674 3.37087393,16.6291261 C1.67433262,14.9325848 0.625,12.5888348 0.625,10 C0.625,7.41116524 1.67433262,5.06741524 3.37087393,3.37087393 C5.06741524,1.67433262 7.41116524,0.625 10,0.625 Z" id="路径" stroke="#E69818" stroke-width="1.25" fill="#F7A737"></path>
+                        <path d="M10,1.66666667 C14.6023729,1.66666667 18.3333333,5.39762708 18.3333333,10 L18.3333333,10 L1.66666667,10 L1.67048694,9.74522729 C1.80514922,5.26072284 5.48285621,1.66666667 10,1.66666667 Z" id="形状结合" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dxsdzDabiaolv-4.svg b/frontend/src/assets/legend/map-dxsdzDabiaolv-4.svg
new file mode 100644
index 0000000..0f6c92c
--- /dev/null
+++ b/frontend/src/assets/legend/map-dxsdzDabiaolv-4.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dxsdzDabiaolv-4</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-158.000000, -920.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-16" transform="translate(142.000000, 73.000000)">
+                    <g id="map-shuikudaxing-guihua" transform="translate(0.000000, 110.000000)">
+                        <path d="M10,0.625 C12.5888348,0.625 14.9325848,1.67433262 16.6291261,3.37087393 C18.3256674,5.06741524 19.375,7.41116524 19.375,10 C19.375,12.5888348 18.3256674,14.9325848 16.6291261,16.6291261 C14.9325848,18.3256674 12.5888348,19.375 10,19.375 C7.41116524,19.375 5.06741524,18.3256674 3.37087393,16.6291261 C1.67433262,14.9325848 0.625,12.5888348 0.625,10 C0.625,7.41116524 1.67433262,5.06741524 3.37087393,3.37087393 C5.06741524,1.67433262 7.41116524,0.625 10,0.625 Z" id="路径" stroke="#E42A36" stroke-width="1.25" fill="#F8515C"></path>
+                        <path d="M10,1.66666667 C14.6023729,1.66666667 18.3333333,5.39762708 18.3333333,10 L18.3333333,10 L1.66666667,10 L1.67048694,9.74522729 C1.80514922,5.26072284 5.48285621,1.66666667 10,1.66666667 Z" id="形状结合" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dxsdzDabiaolv-5.svg b/frontend/src/assets/legend/map-dxsdzDabiaolv-5.svg
new file mode 100644
index 0000000..eccff16
--- /dev/null
+++ b/frontend/src/assets/legend/map-dxsdzDabiaolv-5.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dxsdzDabiaolv-5</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-158.000000, -948.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-16" transform="translate(142.000000, 73.000000)">
+                    <g id="map-shuikudaxing-guihua" transform="translate(0.000000, 138.000000)">
+                        <path d="M10,0.625 C12.5888348,0.625 14.9325848,1.67433262 16.6291261,3.37087393 C18.3256674,5.06741524 19.375,7.41116524 19.375,10 C19.375,12.5888348 18.3256674,14.9325848 16.6291261,16.6291261 C14.9325848,18.3256674 12.5888348,19.375 10,19.375 C7.41116524,19.375 5.06741524,18.3256674 3.37087393,16.6291261 C1.67433262,14.9325848 0.625,12.5888348 0.625,10 C0.625,7.41116524 1.67433262,5.06741524 3.37087393,3.37087393 C5.06741524,1.67433262 7.41116524,0.625 10,0.625 Z" id="路径" stroke="#91938E" stroke-width="1.25" fill="#A0A29E"></path>
+                        <path d="M10,1.66666667 C14.6023729,1.66666667 18.3333333,5.39762708 18.3333333,10 L18.3333333,10 L1.66666667,10 L1.67048694,9.74522729 C1.80514922,5.26072284 5.48285621,1.66666667 10,1.66666667 Z" id="形状结合" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dxsdzGuihua.svg b/frontend/src/assets/legend/map-dxsdzGuihua.svg
new file mode 100644
index 0000000..3c12f11
--- /dev/null
+++ b/frontend/src/assets/legend/map-dxsdzGuihua.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dxsdzGuihua</title>
+    <defs>
+        <path d="M10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 Z" id="path-1"></path>
+    </defs>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1-首页-水电开发-基地" transform="translate(-158.000000, -868.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(142.000000, 74.000000)">
+                    <g id="map-shuikudaxing-guihua" transform="translate(0.000000, 57.000000)">
+                        <g id="路径" fill-rule="nonzero">
+                            <use fill="#9AB596" xlink:href="#path-1"></use>
+                            <use fill="#96B0B5" xlink:href="#path-1"></use>
+                            <use fill-opacity="0.35" fill="#FFFFFF" xlink:href="#path-1"></use>
+                        </g>
+                        <path d="M10,1.66666667 C14.6023729,1.66666667 18.3333333,5.39762708 18.3333333,10 C18.3333333,11.0577544 18.1362605,12.0694799 17.7768291,13.0004625 L2.22317091,13.0004625 C1.86373946,12.0694799 1.66666667,11.0577544 1.66666667,10 C1.66666667,5.39762708 5.39762708,1.66666667 10,1.66666667 Z" id="形状结合" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dxsdzZaijian.svg b/frontend/src/assets/legend/map-dxsdzZaijian.svg
new file mode 100644
index 0000000..3f78b1d
--- /dev/null
+++ b/frontend/src/assets/legend/map-dxsdzZaijian.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-dxsdzZaijian</title>
+    <defs>
+        <path d="M10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 Z" id="path-1"></path>
+    </defs>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1-首页-水电开发-全国" transform="translate(-158.000000, -840.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(142.000000, 74.000000)">
+                    <g id="map-shuikudaxing-zaijian" transform="translate(0.000000, 29.000000)">
+                        <g id="路径" fill-rule="nonzero">
+                            <use fill="#5087B8" xlink:href="#path-1"></use>
+                            <use fill="#669ECF" xlink:href="#path-1"></use>
+                        </g>
+                        <path d="M10,1.66666667 C14.6023729,1.66666667 18.3333333,5.39762709 18.3333333,10 L18.3333333,10 L1.66666667,10 L1.67048694,9.74522729 C1.80514922,5.26072284 5.48285621,1.66666667 10,1.66666667 Z" id="形状结合" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-dzTushi.svg b/frontend/src/assets/legend/map-dzTushi.svg
new file mode 100644
index 0000000..7607827
--- /dev/null
+++ b/frontend/src/assets/legend/map-dzTushi.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668668004955" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5690" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 0c235.277474 0 426.576842 188.469895 431.077053 422.669474L943.157895 431.157895v26.947368h-0.808421c-11.856842 192.053895-149.423158 350.073263-331.398737 392.81179L512 1024l-98.896842-173.082947C231.100632 808.205474 93.507368 650.159158 81.650526 458.105263H80.842105v-26.947368C80.842105 193.024 273.866105 0 512 0z m61.332211 862.315789h-122.691369L512 969.674105 573.332211 862.315789z m341.989052-404.210526H507.742316v377.263158H512c214.177684 0 389.443368-166.588632 403.321263-377.263158zM485.052632 458.105263H108.678737C121.963789 659.914105 283.297684 821.221053 485.052632 834.506105V458.105263z m190.517894 73.296842c19.402105 0 34.762105 4.581053 46.618948 14.012632 11.317895 9.431579 17.246316 22.366316 17.246315 38.80421 0 21.018947-10.778947 35.301053-31.797894 42.307369 11.317895 3.503158 19.941053 8.892632 25.869473 15.898947 6.467368 7.275789 9.701053 16.707368 9.701053 28.025263 0 17.785263-6.197895 32.336842-18.32421 43.654737-12.934737 11.317895-29.911579 17.246316-50.391579 17.246316-19.671579 0-35.570526-5.12-47.427369-15.090526-13.473684-11.317895-21.018947-27.755789-22.635789-49.313685h29.642105c0.538947 12.934737 4.581053 22.905263 12.665263 29.911579 7.006316 6.467368 16.168421 9.701053 27.486316 9.701053 12.395789 0 22.366316-3.772632 29.911579-10.778947 6.467368-6.467368 9.970526-14.282105 9.970526-23.983158 0-11.317895-3.503158-19.671579-10.509474-25.061053-6.467368-5.389474-16.168421-8.084211-28.833684-8.08421h-14.012631v-22.096843h13.743158c11.856842 0 20.749474-2.694737 26.677894-7.814736 5.928421-5.12 9.162105-12.665263 9.162106-22.366316s-2.964211-16.976842-8.353685-22.096842c-5.928421-5.389474-14.821053-7.814737-26.138947-7.814737-11.587368 0-20.749474 2.964211-27.216842 8.892631-6.467368 5.928421-10.509474 14.821053-11.587369 26.677895h-28.833684c1.616842-19.132632 8.623158-33.953684 21.288421-44.732631 11.856842-10.778947 27.216842-15.898947 46.08-15.898948z m-322.290526 0c18.324211 0 33.684211 5.12 45.541053 15.898948 11.587368 10.778947 17.515789 24.522105 17.515789 41.498947 0 16.707368-6.467368 31.797895-18.863158 45.541053-7.545263 7.814737-20.749474 18.054737-39.882105 30.989473-20.749474 13.743158-33.145263 25.869474-37.187368 36.378948h96.202105V727.578947H284.025263c0-19.132632 6.197895-35.84 19.132632-50.391579 7.006316-8.353684 21.557895-19.941053 43.385263-35.031579 12.934737-9.162105 22.096842-16.437895 27.486316-22.096842 8.623158-9.701053 13.204211-20.210526 13.20421-31.528421 0-10.778947-2.964211-18.863158-8.892631-24.252631-5.928421-5.389474-14.821053-8.084211-26.138948-8.084211-12.126316 0-21.288421 4.042105-27.486316 12.39579-6.467368 8.084211-9.701053 19.671579-10.24 35.301052H285.103158c0.269474-21.557895 6.467368-38.804211 18.593684-51.738947 12.395789-14.012632 29.103158-20.749474 49.583158-20.749474zM512 26.947368C288.768 26.947368 107.789474 207.925895 107.789474 431.157895h808.421052c0-223.232-180.978526-404.210526-404.210526-404.210527z m16.168421 136.623158v192.404211h-29.372632V198.871579c-11.587368 11.048421-26.408421 19.132632-44.193684 24.252632V194.021053c8.623158-2.155789 17.515789-5.928421 27.216842-11.317895 9.701053-5.928421 17.785263-12.126316 24.252632-19.132632h22.096842z" fill="#2F6B98" p-id="5691"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-gjszzBudabiao.svg b/frontend/src/assets/legend/map-gjszzBudabiao.svg
new file mode 100644
index 0000000..04df4a9
--- /dev/null
+++ b/frontend/src/assets/legend/map-gjszzBudabiao.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-gjszzBudabiao</title>
+    <g id="3-水质监测" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1-水质监测-水环境质量状况-全国" transform="translate(-160.000000, -891.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 733.000000)">
+                <g id="编组-9备份-5" transform="translate(142.000000, 129.000000)">
+                    <g id="map-gjszz-budabiao" transform="translate(0.000000, 28.000000)">
+                        <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                        <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#E42A36" fill-rule="nonzero"></path>
+                        <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#E55555" fill-rule="nonzero"></path>
+                        <path d="M12.0107258,14.3980672 L12.0107259,14.3980672 C12.8853636,14.4014722 13.7243228,14.0414852 14.337543,13.3996426 L14.337543,13.3996425 C14.9575059,12.7506519 15.3045997,11.8767805 15.3038931,10.9666969 C15.3038931,9.0686913 14.0147945,7.12000089 12.0107259,4 C10.0022357,7.12000089 8.71755984,9.07000145 8.71755984,10.9666969 C8.71819144,11.8799477 9.06620343,12.7555025 9.68390893,13.3996425 L9.68390903,13.3996426 C10.2971232,14.0414853 11.1360883,14.4014722 12.010726,14.3980672 L12.0107258,14.3980672 Z M11.9860933,6.21064557 C12.2507335,6.6363962 12.3966333,7.13169634 12.4080021,7.63999598 C12.4080021,9.32935154 10.7468972,9.61469147 10.7468972,8.57469676 C10.7708979,7.89999656 11.5888214,6.83595134 11.9860978,6.208691 L11.9860978,6.210641 L11.9860933,6.21064557 Z M12.0113574,16.9980487 C10.5473074,16.9980487 8.46428781,16.6080486 7.49730218,15.4640533 L7.49730218,15.4640531 C7.89712499,15.2262292 8.32116543,15.0344071 8.76176614,14.892054 C9.30746915,15.2820541 10.4228711,15.6980547 12.0107153,15.6980547 C13.5985595,15.6980547 14.7139614,15.2820541 15.2842968,14.892054 C15.7251536,15.0350541 16.1502214,15.2274541 16.5512874,15.4660046 C15.5596752,16.6100045 13.47666,17 12.0125997,17 L12.0107049,16.99805 L12.0113574,16.9980487 Z M16.4483475,9.79735777 C16.8462559,9.12135199 17.5391214,9.43335208 17.8890292,8.8093519 C18.310938,8.08135119 17.442488,7.32735148 16.7489904,7.97735217 C16.3750823,8.34655279 16.301185,9.04335197 16.448349,9.79735777 L16.4483475,9.79735777 Z M7.2490831,7.97410116 C6.57958585,7.29810147 5.68712961,8.05210118 6.10904431,8.80610089 C6.48042553,9.42945056 7.15055339,9.11810098 7.54909393,9.79410066 C7.72025822,9.04335045 7.64636049,8.34654974 7.2490831,7.97735522 L7.2490831,7.97410521 L7.2490831,7.97410116 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-gjszzDabiao.svg b/frontend/src/assets/legend/map-gjszzDabiao.svg
new file mode 100644
index 0000000..d1f5eea
--- /dev/null
+++ b/frontend/src/assets/legend/map-gjszzDabiao.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-gjszzDabiao</title>
+    <g id="3-水质监测" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1-水质监测-水环境质量状况-全国" transform="translate(-160.000000, -863.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 733.000000)">
+                <g id="map-gjszz-dabiao" transform="translate(142.000000, 129.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#6AB200" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#78C300" fill-rule="nonzero"></path>
+                    <path d="M12.0107258,14.3980672 L12.0107259,14.3980672 C12.8853636,14.4014722 13.7243228,14.0414852 14.337543,13.3996426 L14.337543,13.3996425 C14.9575059,12.7506519 15.3045997,11.8767805 15.3038931,10.9666969 C15.3038931,9.0686913 14.0147945,7.12000089 12.0107259,4 C10.0022357,7.12000089 8.71755984,9.07000145 8.71755984,10.9666969 C8.71819144,11.8799477 9.06620343,12.7555025 9.68390893,13.3996425 L9.68390903,13.3996426 C10.2971232,14.0414853 11.1360883,14.4014722 12.010726,14.3980672 L12.0107258,14.3980672 Z M11.9860933,6.21064557 C12.2507335,6.6363962 12.3966333,7.13169634 12.4080021,7.63999598 C12.4080021,9.32935154 10.7468972,9.61469147 10.7468972,8.57469676 C10.7708979,7.89999656 11.5888214,6.83595134 11.9860978,6.208691 L11.9860978,6.210641 L11.9860933,6.21064557 Z M12.0113574,16.9980487 C10.5473074,16.9980487 8.46428781,16.6080486 7.49730218,15.4640533 L7.49730218,15.4640531 C7.89712499,15.2262292 8.32116543,15.0344071 8.76176614,14.892054 C9.30746915,15.2820541 10.4228711,15.6980547 12.0107153,15.6980547 C13.5985595,15.6980547 14.7139614,15.2820541 15.2842968,14.892054 C15.7251536,15.0350541 16.1502214,15.2274541 16.5512874,15.4660046 C15.5596752,16.6100045 13.47666,17 12.0125997,17 L12.0107049,16.99805 L12.0113574,16.9980487 Z M16.4483475,9.79735777 C16.8462559,9.12135199 17.5391214,9.43335208 17.8890292,8.8093519 C18.310938,8.08135119 17.442488,7.32735148 16.7489904,7.97735217 C16.3750823,8.34655279 16.301185,9.04335197 16.448349,9.79735777 L16.4483475,9.79735777 Z M7.2490831,7.97410116 C6.57958585,7.29810147 5.68712961,8.05210118 6.10904431,8.80610089 C6.48042553,9.42945056 7.15055339,9.11810098 7.54909393,9.79410066 C7.72025822,9.04335045 7.64636049,8.34654974 7.2490831,7.97735522 L7.2490831,7.97410521 L7.2490831,7.97410116 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-gjszzWudabiaoshujv.svg b/frontend/src/assets/legend/map-gjszzWudabiaoshujv.svg
new file mode 100644
index 0000000..ffde135
--- /dev/null
+++ b/frontend/src/assets/legend/map-gjszzWudabiaoshujv.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-gjszzWudabiaoshujv</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-5" transform="translate(-318.000000, -301.000000)">
+            <g id="编组-9备份-5" transform="translate(318.000000, 129.000000)">
+                <g id="map-gjszzWudabiaoshujv" transform="translate(0.000000, 172.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#6488B3" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#7399C6" fill-rule="nonzero"></path>
+                    <path d="M12.0107258,14.3980672 L12.0107259,14.3980672 C12.8853636,14.4014722 13.7243228,14.0414852 14.337543,13.3996426 L14.337543,13.3996425 C14.9575059,12.7506519 15.3045997,11.8767805 15.3038931,10.9666969 C15.3038931,9.0686913 14.0147945,7.12000089 12.0107259,4 C10.0022357,7.12000089 8.71755984,9.07000145 8.71755984,10.9666969 C8.71819144,11.8799477 9.06620343,12.7555025 9.68390893,13.3996425 L9.68390903,13.3996426 C10.2971232,14.0414853 11.1360883,14.4014722 12.010726,14.3980672 L12.0107258,14.3980672 Z M11.9860933,6.21064557 C12.2507335,6.6363962 12.3966333,7.13169634 12.4080021,7.63999598 C12.4080021,9.32935154 10.7468972,9.61469147 10.7468972,8.57469676 C10.7708979,7.89999656 11.5888214,6.83595134 11.9860978,6.208691 L11.9860978,6.210641 L11.9860933,6.21064557 Z M12.0113574,16.9980487 C10.5473074,16.9980487 8.46428781,16.6080486 7.49730218,15.4640533 L7.49730218,15.4640531 C7.89712499,15.2262292 8.32116543,15.0344071 8.76176614,14.892054 C9.30746915,15.2820541 10.4228711,15.6980547 12.0107153,15.6980547 C13.5985595,15.6980547 14.7139614,15.2820541 15.2842968,14.892054 C15.7251536,15.0350541 16.1502214,15.2274541 16.5512874,15.4660046 C15.5596752,16.6100045 13.47666,17 12.0125997,17 L12.0107049,16.99805 L12.0113574,16.9980487 Z M16.4483475,9.79735777 C16.8462559,9.12135199 17.5391214,9.43335208 17.8890292,8.8093519 C18.310938,8.08135119 17.442488,7.32735148 16.7489904,7.97735217 C16.3750823,8.34655279 16.301185,9.04335197 16.448349,9.79735777 L16.4483475,9.79735777 Z M7.2490831,7.97410116 C6.57958585,7.29810147 5.68712961,8.05210118 6.10904431,8.80610089 C6.48042553,9.42945056 7.15055339,9.11810098 7.54909393,9.79410066 C7.72025822,9.04335045 7.64636049,8.34654974 7.2490831,7.97735522 L7.2490831,7.97410521 L7.2490831,7.97410116 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-gyssFangzirantongdao.svg b/frontend/src/assets/legend/map-gyssFangzirantongdao.svg
new file mode 100644
index 0000000..c15fe80
--- /dev/null
+++ b/frontend/src/assets/legend/map-gyssFangzirantongdao.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-gyssFangzirantongdao</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-gyssFangzirantongdao" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M8.8876692,15.7190538 L8.8876692,15.7190538 C8.8032569,15.7191218 8.7222444,15.6854579 8.6623113,15.6254088 L8.5488334,15.5123891 L8.5488334,15.5123891 C8.4234896,15.3866598 8.4227739,15.1820879 8.5472352,15.0554668 C8.6716962,14.9288457 8.8742045,14.9281226 8.9995484,15.0538522 L9.1130262,15.1668719 L9.1130263,15.166872 C9.2383701,15.2924595 9.2392007,15.4969154 9.1148799,15.6235365 C9.0547969,15.6847316 8.972989,15.7191226 8.8876682,15.7190538 L8.8876692,15.7190538 Z M7.97984569,14.8100525 L7.97984568,14.8100525 C7.8954333,14.8101205 7.81442081,14.7764567 7.75448777,14.7164075 L7.52593391,14.4887532 L7.52593392,14.4887532 C7.40103089,14.3625774 7.40103089,14.1580067 7.52593392,14.0318309 C7.65083694,13.9056551 7.8533441,13.9056551 7.97824713,14.0318309 L8.203605,14.2578704 L8.203605,14.2578704 C8.3289512,14.3834567 8.329783,14.5879114 8.2054641,14.7145349 C8.1457703,14.7753351 8.0646139,14.8096931 7.97984522,14.8100525 L7.97984569,14.8100525 Z M7.18070531,13.1212216 L7.17111562,13.1212216 L7.17111563,13.1212216 C6.99517023,13.115075 6.85726068,12.9663764 6.86264797,12.7886158 C6.86264797,12.7261859 6.86691005,12.6637561 6.8754342,12.6013256 L6.87543419,12.6013256 C6.89874165,12.4233776 7.0604373,12.2982084 7.23659035,12.3217537 C7.40790018,12.3446513 7.5307093,12.5001647 7.51474696,12.6739819 C7.51474696,12.7191898 7.50675556,12.7643977 7.50515727,12.8096054 L7.50515727,12.8096054 C7.49910901,12.9841445 7.35678519,13.1221972 7.18390233,13.1212216 L7.18070531,13.1212216 Z M7.61863385,11.9312825 L7.61863386,11.9312825 C7.44209334,11.9309982 7.299206,11.786195 7.29948748,11.6078543 C7.29960452,11.5339517 7.32481141,11.4623262 7.37090059,11.4049336 L7.37090058,11.4049336 C7.44896515,11.3083799 7.53447401,11.2182211 7.62662523,11.1353004 L7.62662521,11.1353004 C7.76099544,11.0189421 7.96329959,11.0346534 8.0784837,11.1703929 C8.1909524,11.302932 8.1791337,11.5016855 8.0517675,11.6196711 L8.0517675,11.6196711 C7.98489325,11.6796769 7.92289358,11.7450079 7.86636647,11.8150333 L7.86636648,11.8150333 C7.80587592,11.8883985 7.71634596,11.9309594 7.62182939,11.9312825 L7.61863385,11.9312825 Z M8.544038,10.2989542 L8.5232604,10.2989542 L8.5232604,10.2989542 C8.3472059,10.2877137 8.2134459,10.134526 8.2243817,9.9566658 L8.2243817,9.8210424 L8.2243817,9.8210422 C8.2217337,9.6427016 8.3627019,9.4959605 8.5392436,9.4932851 C8.7157853,9.4906101 8.8610461,9.6330148 8.8636945,9.8113555 C8.8636945,9.8113555 8.8636945,9.8113555 8.8636945,9.8113555 L8.8636945,9.9986446 L8.8636945,9.9986446 C8.8520139,10.1668649 8.7141635,10.2976813 8.5472352,10.2989542 L8.544038,10.2989542 Z M8.2243816,9.0718837 L8.2243816,9.0718837 C8.1171879,9.0722244 8.0169616,9.0182658 7.95746825,8.92818719 L7.95746819,8.9281871 C7.90986804,8.85297908 7.85642365,8.78171325 7.79764058,8.71506402 L7.7976406,8.71506404 C7.67341273,8.58835035 7.67439181,8.38389447 7.79982733,8.2584007 C7.92526282,8.13290693 8.1276563,8.13389599 8.2518842,8.26060972 C8.2567302,8.26555277 8.2614169,8.27065272 8.2659368,8.27590163 L8.2659369,8.27590168 C8.3503241,8.36746462 8.4272888,8.4657314 8.4960893,8.56975289 L8.4960893,8.56975292 C8.5940991,8.71808536 8.5545174,8.91859437 8.4076812,9.0176038 C8.3534858,9.0541466 8.2895297,9.0730856 8.2243811,9.0718836 L8.2243816,9.0718837 Z M7.20947349,7.47023504 L7.20947348,7.47023504 C7.05163304,7.47241821 6.91584871,7.3578828 6.8898171,7.2006018 C6.88022742,7.13924828 6.87276883,7.07735686 6.86744116,7.01492638 L6.86744116,7.01492637 C6.85035148,6.83679666 6.97944357,6.67839898 7.15577608,6.66113492 C7.33210895,6.64387109 7.48890882,6.77427864 7.50599873,6.952408 C7.50629377,6.95548327 7.50654526,6.95856266 7.50675311,6.96164519 C7.50675311,7.00685309 7.51634279,7.05206098 7.52273587,7.0956538 L7.52273587,7.09565376 C7.55153758,7.27160496 7.43368838,7.43782725 7.25951264,7.46692257 C7.25934838,7.46695 7.25918411,7.46697731 7.25901981,7.46700449 L7.20947349,7.47023504 Z M7.40925801,6.21733643 L7.409258,6.21733643 C7.23271633,6.21728102 7.08964685,6.07266258 7.08970136,5.89432311 C7.08971746,5.84204447 7.10229817,5.79055145 7.12636257,5.74426918 L7.12636249,5.74426932 C7.18395257,5.63120646 7.25077945,5.5231939 7.32614701,5.42135561 L7.32614701,5.42135561 C7.43295447,5.27912981 7.63367271,5.25129894 7.77446499,5.35919478 C7.91525612,5.46709061 7.94280624,5.66985419 7.83599879,5.81208117 C7.83599878,5.81208117 7.83599878,5.81208117 7.83599878,5.81208117 L7.83599877,5.81208118 C7.78194362,5.8838467 7.73383258,5.95998823 7.69215323,6.03973434 L7.69215323,6.03973433 C7.63869167,6.14843524 7.5294046,6.21766951 7.4092578,6.21895154 L7.40925801,6.21733643 Z M8.7566028,4.85464484 L8.7566028,4.85464484 C8.5800612,4.85451564 8.4370509,4.7098374 8.4371784,4.53149792 C8.4372455,4.43804779 8.477385,4.34920923 8.5472282,4.28793187 L8.6670989,4.18137045 L8.6670988,4.18137048 C8.8078923,4.07377641 9.0083693,4.10185243 9.1148786,4.2440801 C9.210678,4.37200668 9.1989957,4.55157897 9.0874469,4.6657407 L8.9675762,4.77230213 L8.9675762,4.77230213 C8.9100081,4.82597858 8.8349321,4.85643011 8.7566029,4.85787421 L8.7566028,4.85464484 Z M13.2445737,15.9451127 L13.2445737,15.9451127 C13.068032,15.9451127 12.9249118,15.8005342 12.9249118,15.6221936 C12.9249118,15.6221936 12.9249118,15.6221936 12.9249118,15.6221936 L12.9249118,15.6221932 C12.9238919,15.443856 13.0661736,15.2984451 13.2427118,15.2974037 C13.3278051,15.2969098 13.4095832,15.3307056 13.4699316,15.3913103 L13.4699316,15.3913103 C13.5961617,15.5159896 13.5984389,15.7204338 13.4750175,15.8479502 C13.4144199,15.9105586 13.3312508,15.9456231 13.2445739,15.9451127 L13.2445737,15.9451127 Z M12.4454333,15.1491251 L12.4454333,15.1491251 C12.3610209,15.1492033 12.2800084,15.1155294 12.2200754,15.0554802 L11.6670707,14.5016837 C11.6191223,14.4532467 11.5711739,14.399966 11.5264222,14.3402274 L11.5264222,14.3402274 C11.4125399,14.2039547 11.4295769,14.0002219 11.5644756,13.8851801 C11.5645773,13.8850933 11.5646792,13.8850066 11.564781,13.8849199 L11.5647811,13.8849199 C11.7016617,13.7758624 11.8988279,13.7928134 12.0154957,13.9236696 C12.0474614,13.9624191 12.0826235,14.0011688 12.1177857,14.0366893 L12.6707904,14.5904859 L12.6707904,14.5904859 C12.7997072,14.7123269 12.8064402,14.9166715 12.6858286,15.0469019 C12.6237288,15.1139543 12.536308,15.1511287 12.4454329,15.1491264 L12.4454333,15.1491251 Z M11.3122519,13.2794569 L11.3122519,13.2794569 C11.1357102,13.2834696 10.9893752,13.1421495 10.9854031,12.9638088 C10.981431,12.7854682 11.1213255,12.637642 11.2978672,12.6336295 L11.2978672,12.6336295 C11.4744089,12.6251583 11.6243215,12.7628639 11.6327075,12.9412045 C11.6410932,13.1195452 11.5047768,13.2709854 11.3282351,13.2794569 L11.3122523,13.2794569 L11.3122519,13.2794569 Z M11.5695751,12.1960818 L11.5695751,12.1960818 C11.5133518,12.1966164 11.4580636,12.1815366 11.4097475,12.1524885 L11.4097474,12.1524885 C11.2575472,12.0638137 11.2047241,11.8676724 11.2914741,11.7133259 L11.2914741,11.7133261 C11.4195777,11.4846721 11.5861614,11.2803299 11.7837442,11.1094775 L11.7837441,11.1094776 C11.845203,11.0560316 11.9028817,10.9983043 11.956359,10.9367186 L11.956359,10.9367186 C12.0740488,10.8062901 12.2723403,10.7920846 12.4070736,10.9044272 L12.4070737,10.9044272 C12.5402815,11.021281 12.5545873,11.2250593 12.4390393,11.3597347 L12.4390392,11.3597348 C12.3653713,11.4449941 12.2857891,11.5248485 12.2008952,11.5986907 L12.2008952,11.5986907 C12.0592422,11.7222321 11.9392787,11.8690739 11.8460764,12.0330087 L11.8460764,12.0330087 C11.7894412,12.1334378 11.683989,12.1956298 11.5695741,12.1960798 L11.5695751,12.1960818 Z M12.6739872,10.2957354 L12.6548077,10.2957354 L12.6548077,10.2957354 C12.5699758,10.2907243 12.4906102,10.2517989 12.4342455,10.1875578 L12.4342455,10.1875578 C12.3784447,10.1230971 12.3502742,10.0388856 12.3559298,9.9534453 L12.3559298,9.9534454 C12.3665231,9.775427 12.5179673,9.6397883 12.6941911,9.6504899 C12.8704138,9.6611912 13.0046842,9.8141786 12.9940906,9.9921982 C12.9839206,10.1631033 12.8434738,10.296281 12.6739888,10.2957354 L12.6739872,10.2957354 Z M12.4342446,9.2075154 L12.4342446,9.2075154 C12.3184498,9.2091436 12.210839,9.1473781 12.1529477,9.0460591 L12.1529477,9.046059 C12.0763478,8.90529692 11.9793827,8.77686995 11.8652566,8.66502149 L11.6750611,8.47611756 L11.5759676,8.37117063 L11.5759676,8.37117063 C11.4584089,8.23865265 11.4691299,8.03503465 11.5999419,7.91586315 L11.5999419,7.91586313 C11.7331324,7.80124542 11.9318044,7.81188312 12.0522551,7.94008169 L12.1225794,8.01435174 L12.312775,8.20325567 L12.312775,8.20325572 C12.4712407,8.35937996 12.6058975,8.53839326 12.7123452,8.73444798 L12.7123452,8.73444797 C12.797997,8.89039291 12.7422885,9.0869527 12.5879166,9.1734769 C12.5878374,9.1735213 12.5877582,9.1735657 12.587679,9.17361 L12.587679,9.17361 C12.5401213,9.1976268 12.4873844,9.2092805 12.4342444,9.2075159 L12.4342446,9.2075154 Z M11.3154478,7.30878463 L11.3154478,7.30878463 C11.1512247,7.3097014 11.0130333,7.18475922 10.9957914,7.01977678 L10.9957914,7.01977674 C10.9892578,6.93478181 11.0162609,6.85062594 11.0709106,6.78566421 L11.0709106,6.78566423 C11.1256799,6.72038469 11.2038597,6.67973515 11.2882769,6.67264449 L11.2882769,6.67264449 C11.4646097,6.65538042 11.6214096,6.78578775 11.6384995,6.96391758 C11.6555894,7.14204729 11.5264976,7.30044496 11.3501646,7.31770903 C11.3471201,7.31800711 11.3440715,7.31826118 11.3410198,7.31847117 L11.3154473,7.31847117 L11.3154478,7.30878463 Z M11.5360101,6.21575451 L11.5360101,6.21575451 C11.4836764,6.21595488 11.432087,6.20320327 11.3857714,6.17858779 L11.3857714,6.17858778 C11.2301676,6.09505184 11.170832,5.90006353 11.2531146,5.74265491 L11.2531147,5.74265465 C11.3845837,5.49075071 11.5612657,5.26573193 11.7741542,5.07906745 L11.949965,4.91761118 L11.949965,4.9176112 C12.0846995,4.80526798 12.2829899,4.81947451 12.4006797,4.94990246 L12.4006797,4.94990245 C12.5166254,5.08414778 12.5030366,5.28789 12.3703123,5.40520994 L12.1945015,5.56666621 L12.1945016,5.56666613 C12.0402086,5.70277357 11.9127732,5.86711382 11.8189051,6.05103611 L11.8189051,6.05103611 C11.7618402,6.15359992 11.6540707,6.21669356 11.5376082,6.21575451 L11.5360101,6.21575451 Z M13.1247041,4.64313661 L13.1247041,4.64313661 C13.0320789,4.64307776 12.9440327,4.60243492 12.8833642,4.53173148 L12.8833642,4.53173149 C12.8275634,4.46727074 12.7993929,4.38305921 12.8050485,4.29761896 L12.8050485,4.29761907 C12.8112453,4.21201089 12.8509279,4.13241748 12.9153297,4.07642294 L12.9153297,4.07642294 C13.0496512,3.96366957 13.2479102,3.97716359 13.3660444,4.1070997 L13.3660444,4.10709971 C13.4825614,4.2410802 13.4695004,4.44511187 13.3368712,4.56281618 C13.2786423,4.61449271 13.2038095,4.64303678 13.1263017,4.64313661 L13.1247041,4.64313661 Z M13.9382292,13.9285129 L13.9382292,13.9285129 C13.354512,13.3428811 13.3512743,12.3901103 13.9309982,11.8004462 C13.9579654,11.7730164 13.985969,11.7466468 14.0149467,11.7213958 L14.0149467,11.7213958 C15.0393394,10.8309582 15.1552126,9.2702197 14.2737571,8.23538363 C14.2290347,8.1828794 14.1821474,8.13229729 14.13322,8.08377111 L13.9430245,7.89486717 L13.9430246,7.89486724 C13.3564537,7.31215349 13.3485606,6.35941782 13.9253966,5.76687086 C13.9521042,5.73943574 13.9798438,5.71304558 14.0085539,5.68775851 L15.9136992,4.01345359 L14.4528662,4.01345359 L13.3788221,4.9579756 L13.3788222,4.95797547 C12.3593005,5.85545723 12.253028,7.4179172 13.1414566,8.44783141 C13.183078,8.49608102 13.2265375,8.54268076 13.2717364,8.58752478 L13.461932,8.77642872 L13.461932,8.77642872 C14.0483265,9.3580526 14.0569492,10.309757 13.4811928,10.9021282 C13.4520069,10.9321562 13.4215856,10.9609329 13.3900093,10.9883822 L13.3900094,10.9883821 C12.3656445,11.8788526 12.2498212,13.4395934 13.1313092,14.4743943 C13.1735568,14.5239898 13.217737,14.5718714 13.2637456,14.6179256 L14.6430615,16 L16,16 L13.9382292,13.9285129 Z M5.95641903,12.8080033 L5.95641899,12.8080046 C5.96916555,12.3884804 6.15663621,11.9938854 6.47266278,11.721401 L6.47266279,11.721401 C7.49623071,10.8299966 7.61065961,9.2691467 6.72824707,8.23515441 C6.6845034,8.18389624 6.63869449,8.13447451 6.59093611,8.08701416 L6.4007406,7.89811022 L6.40074066,7.89811029 C5.81416975,7.31539653 5.80627674,6.36266086 6.38311271,5.7701139 C6.40982029,5.74267878 6.43755985,5.71628862 6.46627003,5.69100155 L8.3714269,4.01669664 L6.91059394,4.01669664 L5.83654975,4.96121864 L5.83654999,4.96121842 C4.81909092,5.86108612 4.71640409,7.42378516 5.60719454,8.45161342 C5.64734738,8.49794327 5.68919876,8.54274242 5.73266135,8.58591735 L5.92285686,8.77482128 L5.92285685,8.77482127 C6.50925143,9.3564452 6.51787411,10.3081496 5.94211769,10.9005208 C5.91293178,10.9305488 5.88251052,10.9593255 5.85093419,10.9867747 L5.85093428,10.9867746 C4.8265694,11.877245 4.71074612,13.4379859 5.5922341,14.4727868 C5.63448164,14.5223823 5.67866184,14.5702638 5.72467051,14.616318 L7.10078467,15.9983924 L8.4497304,15.9983924 L6.38635376,13.9317437 L6.38635376,13.9317437 C6.09269534,13.6350976 5.93657875,13.2270495 5.95641683,12.8080045 L5.95641903,12.8080033 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-gyssJiyunyuxitong.svg b/frontend/src/assets/legend/map-gyssJiyunyuxitong.svg
new file mode 100644
index 0000000..5fcd317
--- /dev/null
+++ b/frontend/src/assets/legend/map-gyssJiyunyuxitong.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-gyssJiyunyuxitong</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-gyssJiyunyuxitong" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M10,3 C10.7904039,3 11.4334516,3.65555871 11.4334516,4.46132697 C11.4334516,4.63300525 11.4042603,4.79786534 11.350672,4.95101926 L15.4928103,7.48724827 C15.521589,7.50486583 15.5468213,7.52621036 15.5682698,7.55031267 C15.8198355,7.64628463 16,7.89479872 16,8.18539763 L16,13.5 C16,13.7761424 15.7761424,14 15.5,14 L15.3345427,14 L15.3345561,13.3200863 L15.333,13.32 L15.3330488,14 L4.66545726,14 C4.29852737,14 4,13.6956645 4,13.3215957 L4,8.18539763 C4,8.02655263 4.05382808,7.88028194 4.14386634,7.76454938 C4.17128151,7.71516837 4.21142971,7.67169643 4.26293885,7.64016392 L8.6503913,4.95402625 C8.5961344,4.80002837 8.5665617,4.63413849 8.5665617,4.46134057 C8.5665617,3.65557231 9.2095961,3 10,3 Z M7.314,8.186 L4.66696457,8.18692067 L4.66696457,13.3200727 L7.314,13.32 L7.314,8.186 Z M11.588,8.186 L7.981,8.186 L7.981,13.32 L11.588,13.32 L11.588,8.186 Z M15.3330488,8.18692067 L12.255,8.186 L12.255,13.32 L15.333,13.32 L15.3330488,8.18692067 Z M10,5.92266754 C9.6190463,5.92266754 9.2723263,5.77038231 9.0153355,5.52239156 L9.0041218,5.53089342 L9.0041218,5.53089342 L5.777,7.506 L14.228,7.506 L11.0014273,5.53090702 L10.987702,5.51945162 C10.7304063,5.76917766 10.3824535,5.92266754 10,5.92266754 Z M10,3.67992731 C9.577353,3.67992731 9.233513,4.03045703 9.233513,4.46132697 C9.233513,4.89219691 9.577353,5.24272663 10,5.24272663 C10.4226603,5.24272663 10.7665004,4.89219691 10.7665004,4.46132697 C10.7665004,4.03045703 10.4226603,3.67992731 10,3.67992731 Z" id="形状结合" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-gyssQita.svg b/frontend/src/assets/legend/map-gyssQita.svg
new file mode 100644
index 0000000..a55f0e9
--- /dev/null
+++ b/frontend/src/assets/legend/map-gyssQita.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-gyssQita</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-gyssQita" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M15.3285024,5.28571322 L10.4556195,3.09751195 C10.1661029,2.96749602 9.8340457,2.96749602 9.5445304,3.09751195 L4.67164751,5.28571322 C4.263666,5.46887583 4,5.88024173 4,6.33364584 L4,12.6662796 C4,13.1196838 4.263666,13.5310496 4.67164751,13.7143621 L9.5443805,15.9025633 C9.6891381,15.9675712 9.8445316,16 9.9999251,16 C10.1553185,16 10.310712,15.967421 10.4554696,15.9025633 L15.3283525,13.7143621 C15.736334,13.5310484 16,13.1196825 16,12.6662796 L16,6.33364584 C16,5.88024173 15.736334,5.46887583 15.3283525,5.28556342 L15.3285024,5.28571322 Z M15.1138759,12.6662873 C15.1138759,12.7632736 15.0574498,12.8511015 14.9702998,12.8902871 L10.0975668,15.0784884 C10.0356754,15.1062631 9.9646253,15.1062631 9.9027342,15.0784884 L5.02985136,12.8902871 L5.02985138,12.8902871 C4.94259532,12.8510798 4.88627531,12.7632546 4.88627531,12.6662873 L4.88627531,6.33365346 C4.88627531,6.2366671 4.94270136,6.14883918 5.02985138,6.10965362 L9.9027342,3.92145235 C9.9646257,3.89367765 10.0356758,3.89367765 10.0975668,3.92145235 L14.9702998,6.10965362 C15.0575977,6.14883854 15.1138759,6.2368169 15.1138759,6.33365346 L15.1138759,12.6662873 L15.1138759,12.6662873 Z" id="形状" fill="#FFFFFF"></path>
+            <path d="M6.08814777,9.2456397 C7.58083303,7.07722789 9.6742023,6.94489877 12.2244779,8.71942013 L12.46,8.888 L12.5113171,8.84784687 C12.801825,8.60759718 13.1023705,8.33912117 13.4131431,8.04109241 L13.6481431,7.81200897 L14.3518569,8.52249247 C14.0155583,8.85558675 13.686881,9.1591039 13.365774,9.4338634 L13.259,9.522 L13.2744836,9.5356366 C13.5561753,9.7765319 13.8427374,10.0384558 14.1340012,10.3212567 L14.3533279,10.5372694 L13.6466721,11.2448268 C13.2894654,10.8880754 12.9451166,10.5668278 12.6131976,10.2806993 L12.457,10.149 L12.4251125,10.1726885 C10.81852,11.3175227 9.4191754,11.6923101 8.2196907,11.4156278 L8.0496946,11.3716828 C7.07021355,11.0908503 6.45026857,10.471575 6.12162041,9.8838748 L6.05091841,9.7489805 L5.9223952,9.4864272 L6.08814777,9.2456397 Z M11.4712461,9.4016865 C9.661509,8.19164377 8.2776944,8.22037291 7.22833434,9.4056594 L7.106,9.551 L7.17279988,9.636591 L7.26679989,9.7443244 C7.55006535,10.0529475 7.90130098,10.2888448 8.3253054,10.4104135 C9.1654778,10.6513039 10.2064711,10.4349065 11.4685936,9.6190631 L11.63,9.511 L11.4712461,9.4016865 Z" id="路径-7备份" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-gyssShengyuji.svg b/frontend/src/assets/legend/map-gyssShengyuji.svg
new file mode 100644
index 0000000..f5befde
--- /dev/null
+++ b/frontend/src/assets/legend/map-gyssShengyuji.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-gyssShengyuji</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-gyssShengyuji" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M11.1785724,4 L11.1785724,5.19999894 L15.5,5.19999894 L15.5,14.8000011 L11.1785724,14.8000011 L11.1785724,16 L8.8214276,16 L8.8214276,14.8000011 L4.5,14.8000011 L4.5,5.19999894 L8.8214276,5.19999894 L8.8214276,4 L11.1785724,4 Z M10.3928579,4.79999973 L9.6071434,4.79999973 L9.6071434,15.1999976 L10.3928579,15.1999976 L10.3928579,4.79999973 Z M8.8214237,5.99999867 L5.28570665,5.99999867 L5.28570665,13.9999987 L8.8214237,13.9999987 L8.8214237,5.99999867 Z M14.7142855,5.99999867 L11.1785684,5.99999867 L11.1785684,13.9999987 L14.7142855,13.9999987 L14.7142855,5.99999867 Z M7.05357171,9.199995 L8.0357145,10.7999997 L6.07143155,10.7999997 L7.05357432,9.199995 L7.05357171,9.199995 Z M13.928575,9.199995 L12.9464322,10.7999997 L11.9642894,9.199995 L13.928575,9.199995 L13.928575,9.199995 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-gyssYudao.svg b/frontend/src/assets/legend/map-gyssYudao.svg
new file mode 100644
index 0000000..c4186a0
--- /dev/null
+++ b/frontend/src/assets/legend/map-gyssYudao.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-gyssYudao</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-gyssYudao">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266" fill-rule="nonzero"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050" fill-rule="nonzero"></path>
+            <rect id="矩形" x="4" y="4" width="12" height="12"></rect>
+            <polygon id="矩形" fill="#FFFFFF" fill-rule="nonzero" points="6 4 7 4 6 15 5 15"></polygon>
+            <polygon id="矩形备份-13" fill="#FFFFFF" fill-rule="nonzero" points="13 4 14 4 15 15 14 15"></polygon>
+            <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="6" y="6" width="5" height="1"></rect>
+            <rect id="矩形备份-9" fill="#FFFFFF" fill-rule="nonzero" x="6" y="10" width="5" height="1"></rect>
+            <rect id="矩形备份-14" fill="#FFFFFF" fill-rule="nonzero" x="9" y="8" width="5" height="1"></rect>
+            <rect id="矩形备份-15" fill="#FFFFFF" fill-rule="nonzero" x="9" y="12" width="5" height="1"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-liuliangzhan.svg b/frontend/src/assets/legend/map-liuliangzhan.svg
new file mode 100644
index 0000000..4586a36
--- /dev/null
+++ b/frontend/src/assets/legend/map-liuliangzhan.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-liuliangzhan</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-5" transform="translate(-318.000000, -436.000000)">
+            <g id="编组-9备份-5" transform="translate(318.000000, 129.000000)">
+                <g id="map-liuliangzhan" transform="translate(0.000000, 307.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#0292C5" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#13ADE6" fill-rule="nonzero"></path>
+                    <path d="M6.27304481,13.7779966 C6.49325529,13.6921984 6.73806696,13.807396 6.82507111,14.0383912 C7.06508254,14.6755779 7.64651024,15.0937692 8.29334106,15.0943692 C8.9365717,15.0937693 9.51499925,14.6785779 9.7532106,14.0449911 C9.84321489,13.8127959 10.0928268,13.7005982 10.3130373,13.7929963 C10.4386044,13.8506082 10.5312822,13.9620347 10.5650493,14.09599 C10.8176613,14.6959775 11.377488,15.0943692 12.0051179,15.0943692 C12.636348,15.0937692 13.2063751,14.6917776 13.4517868,14.0743905 C13.4721878,14.0389912 13.4931888,14.002392 13.5129897,13.9735926 C13.5592248,13.8965023 13.628479,13.8358565 13.7109992,13.8001962 C13.9318097,13.7077981 14.1808215,13.8205957 14.2708258,14.0527909 C14.4209951,14.4573755 14.7260717,14.7855317 15.1186662,14.9647719 C15.9191044,15.3211645 16.8407483,14.9227728 17.1767643,14.0749904 C17.1783081,14.0709683 17.1799083,14.0669679 17.1815645,14.0629907 C17.275769,13.8379954 17.5241808,13.7365975 17.7365909,13.8361954 C17.9548859,13.9412729 18.0559254,14.1963346 17.968802,14.4223832 C17.8193949,14.7991754 17.5871838,15.1333684 17.2913697,15.396163 C16.2635208,16.3111439 14.7304477,16.1695469 13.8676066,15.0799695 C13.7803102,15.1898258 13.6839692,15.2921811 13.5795929,15.3859632 C12.5547441,16.308144 11.0180709,16.1743468 10.1486294,15.0871694 C9.89337374,15.4088834 9.56111793,15.6610504 9.18258342,15.8203541 C7.93152381,16.3417433 6.51905652,15.6895569 6.02703308,14.3641844 C5.94542921,14.1301893 6.0546344,13.8703947 6.27304481,13.7779966 Z M6.27304481,11.5280434 C6.49325529,11.4422452 6.73806696,11.5574428 6.82507111,11.788438 C7.06508254,12.4256248 7.64651024,12.8438161 8.29334106,12.844416 C8.9365717,12.8438161 9.51499925,12.4286247 9.7532106,11.7950379 C9.84321489,11.5628427 10.0928268,11.450645 10.3130373,11.5430431 C10.4386044,11.600655 10.5312822,11.7120815 10.5650493,11.8460368 C10.8176613,12.4460243 11.377488,12.844416 12.0051179,12.844416 C12.636348,12.8438161 13.2063751,12.4418244 13.4517868,11.8244373 C13.4721878,11.789038 13.4931888,11.7524388 13.5129897,11.7236394 C13.5592248,11.6465491 13.628479,11.5859033 13.7109992,11.550243 C13.9318097,11.4578449 14.1808215,11.5706425 14.2708258,11.8028377 C14.4209951,12.2074223 14.7260717,12.5355785 15.1186662,12.7148187 C15.9191044,13.0712113 16.8407483,12.6728196 17.1767643,11.8250372 C17.1783081,11.8210151 17.1799083,11.8170147 17.1815645,11.8130375 C17.275769,11.5880422 17.5241808,11.4866443 17.7365909,11.5862422 C17.9548859,11.6913197 18.0559254,11.9463814 17.968802,12.17243 C17.8193949,12.5492222 17.5871838,12.8834152 17.2913697,13.1462098 C16.2635208,14.0611907 14.7304477,13.9195937 13.8676066,12.8300163 C13.7803102,12.9398726 13.6839692,13.0422279 13.5795929,13.13601 C12.5547441,14.0581908 11.0180709,13.9243936 10.1486294,12.8372162 C9.89337374,13.1589302 9.56111793,13.4110972 9.18258342,13.5704009 C7.93152381,14.0917901 6.51905652,13.4396037 6.02703308,12.1142312 C5.94542921,11.8802361 6.0546344,11.6204415 6.27304481,11.5280434 Z M11.6961032,4 C11.777707,4 11.8581109,4.03419929 11.9145136,4.09479803 L12.132924,4.336593 L12.386136,4.6347868 L12.5373432,4.82018293 L12.785155,5.13817632 L12.9591633,5.37397142 L13.1373718,5.62596618 L13.3161803,5.89116066 C13.4091848,6.03335771 13.5003891,6.18095463 13.5885933,6.33155151 L13.7302001,6.14255544 L14.3242284,5.37097149 L14.9182567,6.14195545 C15.0970652,6.37295065 15.2662732,6.60994572 15.4258809,6.85654058 C15.932905,7.64252423 16.2119183,8.32830997 16.2119183,8.90249803 C16.2101182,9.95967604 15.3694782,10.827258 14.3230283,10.827258 C14.0746165,10.827258 13.8298048,10.777459 13.602994,10.682061 L13.5795929,10.7072605 C13.3863276,10.9027797 13.1643638,11.0676731 12.9213615,11.1962503 C12.5994625,11.3678272 12.2448581,11.4692527 11.880912,11.4938441 L11.6973032,11.499844 C10.9765045,11.499844 10.2870667,11.205066 9.78921232,10.683861 C9.27910924,10.1546842 8.99578116,9.44727358 8.99953709,8.71230199 C8.99953709,7.87951931 9.42139479,6.84574081 10.2524344,5.63796593 L10.3424387,5.50836863 L10.5218472,5.26057378 L10.6952555,5.03077856 L10.8596633,4.82078293 L11.0816739,4.54778861 L11.2652826,4.3317931 L11.4776928,4.095998 C11.5197293,4.05041154 11.5748601,4.01897027 11.6355003,4.00599987 L11.6961032,4 Z M11.6997033,4.97797966 L11.6577013,5.0289786 C11.3794418,5.36162697 11.1167476,5.70699021 10.8704638,6.06395707 C10.117428,7.1583343 9.74961043,8.06011555 9.74961043,8.71290197 C9.74961043,9.26309053 9.95542024,9.77607986 10.328038,10.1618718 C10.6970556,10.5428639 11.1800786,10.7498596 11.6973032,10.7498596 C12.006918,10.7498596 12.2979318,10.6778611 12.5721449,10.5326641 C12.7161518,10.4570657 12.8517582,10.3610677 12.9753641,10.24827 C12.6287446,9.88576736 12.4354964,9.40343233 12.4359384,8.90189804 C12.4359384,8.37870892 12.6819501,7.73792225 13.1187709,7.02513707 L13.0071656,6.82474125 C12.6444822,6.19411808 12.2253454,5.59768725 11.754906,5.04277831 L11.6997033,4.97797966 Z M14.3248284,6.59974593 L14.1610206,6.81814138 C14.0728164,6.93933885 13.9762118,7.07733599 13.8796072,7.22553291 C13.4325859,7.91131864 13.1859741,8.50770624 13.1859741,8.90189804 C13.1859741,9.32308928 13.4055846,9.71428114 13.7602015,9.9230768 C13.9300096,10.0244747 14.1256189,10.0772736 14.3230283,10.0772736 C14.9500582,10.0772736 15.4606825,9.54988456 15.4612825,8.90129806 C15.4612825,8.50530629 15.2308716,7.93831809 14.7952508,7.26333212 L14.694446,7.10973532 L14.5942412,6.96513832 L14.4076323,6.70834367 L14.3248284,6.59974593 Z" id="形状结合" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-qixidi.svg b/frontend/src/assets/legend/map-qixidi.svg
new file mode 100644
index 0000000..7b5dc0e
--- /dev/null
+++ b/frontend/src/assets/legend/map-qixidi.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-qixidi</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-qixidi" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M9.2875299,4.00044577 L9.4708807,4.01157403 C10.079569,4.07386324 10.6580992,4.38547759 11.0459125,4.86767649 C11.0499753,4.87247666 11.0499753,4.87887689 11.0540381,4.88367706 C11.5757024,4.76047269 12.1058986,4.69487037 12.6316257,4.69487037 C13.6192939,4.69487037 14.5630837,4.91967833 15.3610188,5.34529341 L15.3610188,5.34529341 C15.7902117,5.57230477 16.039692,6.0305035 15.9948171,6.50853418 L15.9948171,6.50853418 L15.9662312,6.74752888 C15.7014649,8.57548004 14.3943931,10.2945354 12.5048667,11.2759035 C11.4712888,11.8131225 10.3341094,12.0967326 9.2156189,12.0967326 C8.2088555,12.0967326 7.27441014,11.8695245 6.47728759,11.4407093 L6.47728759,11.4407093 L5.76548397,13.71759 C5.71307758,13.8853362 5.55573779,13.9998586 5.37748599,14 L5.37748599,14 C5.19797723,13.9996437 5.04049702,13.8843697 4.98867542,13.7159899 L4.98867542,13.7159899 L4.66283838,12.6579525 C4.4873861,12.086741 4.19756583,11.5558922 3.81046167,11.0966972 L3.81046167,11.0966972 L3.09297012,10.2418669 C3.00646361,10.138692 2.97807321,9.99976709 3.0173194,9.87167999 C3.08212497,9.66017269 3.30880797,9.54043779 3.52362757,9.60424429 L3.52362757,9.60424429 L5.85892851,10.299869 C6.01087746,8.63260987 7.04161136,7.02135279 8.6378879,5.94531467 C8.4550616,5.67370505 8.1418192,5.47809812 7.82288897,5.46009748 C7.73928277,5.45537294 7.65920296,5.42532725 7.59360705,5.37407194 C7.4178479,5.23673707 7.38844232,4.98512316 7.52792861,4.81207453 L7.52792861,4.81207453 L7.63908221,4.6855003 C8.0629432,4.23897877 8.6616087,3.98794291 9.2875299,4.00044577 L9.2875299,4.00044577 Z M4.56979955,10.7518848 C4.91870064,11.2010657 5.19170851,11.7027297 5.37829796,12.2375376 L5.37829796,12.2375376 L5.73419977,11.0986971 L4.56979955,10.7518848 Z M14.9738334,6.04851832 C13.5160986,5.27049076 11.4513805,5.33169293 9.745002,6.21812433 C7.89236242,7.18095844 6.69708488,8.88981897 6.64914376,10.6170802 C7.369073,11.062696 8.2519208,11.2971043 9.2160246,11.2971043 C10.202474,11.2971043 11.2084247,11.0450953 12.1254001,10.5682785 C13.8577806,9.66864659 15.0299001,8.08459045 15.1863182,6.43453199 C15.2013505,6.27412631 15.1200944,6.12612107 14.9738334,6.04851832 Z M12.5471193,7.00015203 C12.6593107,7.00015203 12.7502596,7.0896982 12.7502596,7.20015912 L12.7502596,7.20015912 L12.757221,7.31672421 C12.8163811,7.81381605 13.245331,8.19958052 13.7659611,8.20019454 L13.7659611,8.20019454 L13.8199639,8.20733899 C13.9059424,8.23062423 13.9691014,8.30815087 13.9691014,8.40020163 C13.9691014,8.51066254 13.8781525,8.60020871 13.7659611,8.60020871 L13.7659611,8.60020871 L13.6292051,8.59378797 C12.9090043,8.52582546 12.343979,7.92677309 12.343979,7.20015912 C12.343979,7.0896982 12.434928,7.00015203 12.5471193,7.00015203 Z M13.4535339,5.82330996 C13.6772422,5.82397554 13.8580477,6.00306688 13.8573762,6.22332432 L13.8573762,6.22332432 L13.848831,6.30390862 C13.8103029,6.48613382 13.6461084,6.62333868 13.4498749,6.62333868 C13.2254929,6.62333868 13.0435947,6.44424591 13.0435947,6.22332432 C13.0435947,6.00240275 13.2254929,5.82330996 13.4498753,5.82330996 L13.4498753,5.82330996 L13.4535339,5.82330996 Z M9.2716858,4.80007387 C9.0730247,4.79577072 8.8758631,4.83484098 8.694361,4.91447793 L8.694361,4.91447793 L8.8439478,5.01358899 C9.0365862,5.15454486 9.2012377,5.33000868 9.3289713,5.53129981 L9.3289713,5.53129981 L9.3655365,5.51049903 C9.6319195,5.37240164 9.9066782,5.25056694 10.1882548,5.1456861 L10.1882548,5.1456861 L10.0729016,5.06047982 C9.8344418,4.90058378 9.5520187,4.80521713 9.2716851,4.80007409 L9.2716858,4.80007387 Z" id="形状结合" fill="#FFFFFF" transform="translate(9.500000, 9.000000) rotate(28.000000) translate(-9.500000, -9.000000) "></path>
+            <path d="M15.7360749,13.0769258 L15.7360749,13.0769258 C15.5237688,12.9882108 15.2753241,13.078435 15.1811563,13.2784475 C15.1795493,13.2818608 15.1779935,13.2852954 15.1764896,13.2887502 L15.1764896,13.2887502 C14.840198,14.0426272 13.9188803,14.3969274 13.1186619,14.0801128 C12.7325767,13.9272542 12.4272148,13.6355506 12.2703402,13.2697328 L12.2703402,13.2697328 C12.1808955,13.062827 11.9312245,12.9624252 11.7107542,13.0447022 L11.7107542,13.0447022 C11.6293936,13.0755336 11.5602236,13.1294376 11.5128241,13.1989485 C11.4926386,13.224304 11.4718924,13.2570549 11.4511463,13.2887493 L11.4511463,13.2887493 C11.2061489,13.8373553 10.6362852,14.1944341 10.0045184,14.1952087 C9.3770868,14.1952087 8.8175008,13.8412877 8.5651809,13.3077656 L8.5651809,13.3077656 C8.529251,13.1863283 8.4362865,13.0870694 8.3128622,13.038363 L8.3128622,13.038363 C8.0925471,12.9560259 7.84293983,13.0561663 7.75327617,13.2628648 L7.75327621,13.2628648 C7.51464114,13.825609 6.93643042,14.1948295 6.29319469,14.1952086 L6.29319462,14.1952086 C5.64614816,14.1946236 5.0647235,13.822826 4.82525937,13.2565263 L4.82525937,13.2565263 C4.73779763,13.0514492 4.49317982,12.9489729 4.27296251,13.0251574 L4.27296255,13.0251574 C4.05476329,13.1073545 3.94564929,13.3382367 4.02681182,13.5460015 L4.02681173,13.5460013 C4.51876132,14.7242792 5.93145137,15.3037388 7.18214983,14.8402794 C7.55627732,14.7016403 7.88811769,14.4778372 8.148013,14.1888689 L8.1480132,14.1888691 C9.0177066,15.1549417 10.5540269,15.2738961 11.5794738,14.4545625 C11.6832802,14.3716213 11.7795209,14.280625 11.8671838,14.1825296 L11.8671838,14.1825296 C12.730285,15.1507894 14.263136,15.276548 15.2909172,14.4634283 C15.5864338,14.2296295 15.8185996,13.9328907 15.9682011,13.5977683 C16.0567928,13.404432 15.9541834,13.1667246 15.7360687,13.0769241" id="路径" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-rengongchanluanchang.svg b/frontend/src/assets/legend/map-rengongchanluanchang.svg
new file mode 100644
index 0000000..01d9948
--- /dev/null
+++ b/frontend/src/assets/legend/map-rengongchanluanchang.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-rengongchanluanchang</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-rengongchanluanchang" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <g id="ArtificialSpawningGround" transform="translate(4.000000, 6.000000)" fill="#FFFFFF">
+                <path d="M4.875,-6.06329801e-14 C6.20052193,0.031635124 7.00479166,0.586591614 7.78139928,1.3126291 L8.05515121,1.57540777 L8.61505298,2.12982181 L8.91084755,2.41457441 C9.06259105,2.55734796 9.22070666,2.70028721 9.38790696,2.84145638 L10.0440897,2.26437071 L11.4207693,1.02125358 C11.4719645,0.976455146 11.5312715,0.949208968 11.592274,0.93884802 L11.653604,0.934090777 C11.7559705,0.935460372 11.8571055,0.983115763 11.9273035,1.07396885 C11.9845964,1.14831842 12.0048602,1.24331862 11.9984824,1.33543231 L12,1.36 L12,5.36 L11.9955,5.40408343 L12,5.45258889 C11.9997857,5.64105003 11.8722945,5.79762808 11.7043649,5.82991675 L11.6396653,5.83601846 C11.5771941,5.8361519 11.5161673,5.81879286 11.4624901,5.786203 L11.4114814,5.74861997 L10.0448988,4.40532995 L9.38791054,3.82754029 L9.22367758,3.9685796 L8.91231729,4.24788192 L8.2029043,4.91470967 L7.93287643,5.16201473 C7.1701929,5.84267054 6.40668062,6.34248894 5.10199651,6.39418619 L4.87465872,6.39860919 C2.97631236,6.39860919 1.37890958,5.06041081 0.0964286745,3.6346414 C0.0363548099,3.56776296 0.0058603394,3.48430846 0.000769424645,3.39886997 L0.0016491578,3.33464709 C-0.0074444812,3.22774873 0.0213362245,3.11825135 0.0964286745,3.03465279 L0.392777898,2.70692922 L0.695785093,2.37885637 L1.00614337,2.05482229 C2.05369292,0.986315578 3.23531247,0.0582557292 4.66652114,0.00198352565 L4.875,-6.06329801e-14 Z M4.8582233,0.799799827 L4.72265004,0.79988337 C3.53419086,0.824874421 2.56806288,1.4982934 1.00872303,3.18157609 L0.86925,3.3328 L1.02218986,3.49382467 C2.2943978,4.81087303 3.47383182,5.52835945 4.6916774,5.59370499 L4.87465872,5.59860919 C5.89463189,5.59860919 6.5189405,5.34380955 7.29704941,4.68311453 L7.4910242,4.51203552 L8.11423478,3.93068817 L8.57923808,3.50378015 L8.76675,3.3344 L8.61302089,3.19775693 L8.33568029,2.9387243 L7.41005224,2.03086319 C6.50129291,1.1583935 5.87348299,0.824030182 4.8582233,0.799799827 Z M11.25,2.18088343 L10.5035493,2.85576071 L9.95859034,3.33535226 L10.5043607,3.81393893 L11.25,4.54728343 L11.25,2.18088343 Z" id="形状结合"></path>
+                <path d="M8.625,7.2 C8.83210678,7.2 9,7.3790861 9,7.6 C9,7.8209139 8.83210678,8 8.625,8 C8.41789322,8 8.25,7.8209139 8.25,7.6 C8.25,7.3790861 8.41789322,7.2 8.625,7.2 Z M10.125,7.2 C10.3321068,7.2 10.5,7.3790861 10.5,7.6 C10.5,7.8209139 10.3321068,8 10.125,8 C9.91789322,8 9.75,7.8209139 9.75,7.6 C9.75,7.3790861 9.91789322,7.2 10.125,7.2 Z M7.875,6.4 C8.08210678,6.4 8.25,6.5790861 8.25,6.8 C8.25,7.0209139 8.08210678,7.2 7.875,7.2 C7.66789322,7.2 7.5,7.0209139 7.5,6.8 C7.5,6.5790861 7.66789322,6.4 7.875,6.4 Z M9.375,6.4 C9.58210678,6.4 9.75,6.5790861 9.75,6.8 C9.75,7.0209139 9.58210678,7.2 9.375,7.2 C9.16789322,7.2 9,7.0209139 9,6.8 C9,6.5790861 9.16789322,6.4 9.375,6.4 Z M10.875,6.4 C11.0821068,6.4 11.25,6.5790861 11.25,6.8 C11.25,7.0209139 11.0821068,7.2 10.875,7.2 C10.6678932,7.2 10.5,7.0209139 10.5,6.8 C10.5,6.5790861 10.6678932,6.4 10.875,6.4 Z M8.625,5.6 C8.83210678,5.6 9,5.7790861 9,6 C9,6.2209139 8.83210678,6.4 8.625,6.4 C8.41789322,6.4 8.25,6.2209139 8.25,6 C8.25,5.7790861 8.41789322,5.6 8.625,5.6 Z M10.125,5.6 C10.3321068,5.6 10.5,5.7790861 10.5,6 C10.5,6.2209139 10.3321068,6.4 10.125,6.4 C9.91789322,6.4 9.75,6.2209139 9.75,6 C9.75,5.7790861 9.91789322,5.6 10.125,5.6 Z" id="形状结合"></path>
+                <path d="M3.68701886,0.578119922 C4.73228033,2.25053827 4.76961109,3.96078359 3.79901116,5.63590386 L3.68701886,5.82188008 L3.06298114,5.37811992 C3.94377455,3.96885046 3.97765122,2.59719275 3.16461115,1.19081651 L3.06298114,1.02188008 L3.68701886,0.578119922 Z" id="路径-15"></path>
+                <path d="M2.475,3.6 C2.26826515,3.6 2.1,3.42056627 2.1,3.19996463 C2.1,2.97943271 2.26819583,2.8 2.475,2.8 C2.68175193,2.8 2.85,2.97943373 2.85,3.19996463 C2.85,3.42056627 2.68175293,3.6 2.475,3.6 L2.475,3.6 Z" id="路径"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-rengongshuiwenjiance.svg b/frontend/src/assets/legend/map-rengongshuiwenjiance.svg
new file mode 100644
index 0000000..312a85e
--- /dev/null
+++ b/frontend/src/assets/legend/map-rengongshuiwenjiance.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-rengongshuiwenjiance</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-rengongshuiwenjiance" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <g id="路径" transform="translate(4.000000, 3.000000)" fill="#FFFFFF">
+                <path d="M6.2199212,0 C8.3064256,0 10,1.70901982 10,3.81455314 C10,4.21721717 9.9360342,4.60451235 9.8233325,4.96721736 L9.8233325,4.96721736 L8.7816033,4.96721736 C8.9369489,4.61373366 9.0252826,4.22336471 9.0252826,3.81455314 C9.0252826,2.25307433 7.7672791,0.9836068 6.2199212,0.9836068 C4.6725365,0.9836038 3.41454193,2.25306533 3.41454193,3.81147336 C3.41454193,5.04712941 4.2004138,6.0983592 5.2939248,6.4856544 L5.2939248,6.4856544 L5.2939248,7.512294 C5.2726029,7.5184415 5.2512809,7.5215153 5.226913,7.5276628 C4.2156526,7.7612724 3.2866192,8.277666 2.53425923,9.0368875 C1.72098537,9.8575754 1.1879368,10.884221 0.98690134,12 L0.98690134,12 L0,12 C0.35638699,9.6823795 1.90679384,7.7643432 3.99329822,6.8975397 C3.05208676,6.2059412 2.43984241,5.0809469 2.43984241,3.81455314 C2.43984241,1.70901982 4.1334168,0 6.2199212,0 Z" id="形状结合-path"></path>
+                <path d="M8.08549336,7.74111631 L9.05666185,7.74111631 L9.05666187,7.74111631 C9.27200653,7.74881686 9.4403279,7.92943274 9.43261898,8.14453298 C9.42529699,8.3488264 9.26118743,8.51274994 9.05666187,8.52006336 L8.08549337,8.52006336 L8.08549337,9.26058686 L8.08549346,9.26058692 C8.642944,9.58206603 8.83394081,10.2940672 8.51209639,10.8508866 C8.19025196,11.4077044 7.47744168,11.5984844 6.91998957,11.2770053 C6.36253903,10.9555262 6.17154222,10.243525 6.49338664,9.68670563 C6.59568111,9.50972811 6.74281095,9.36276449 6.91998957,9.26058692 L6.91998957,5.5993886 L6.91998957,5.59938844 C6.91056535,5.27790932 7.16383184,5.00966809 7.48567627,5.00025442 C7.80752069,4.9908409 8.07606674,5.24381992 8.08549111,5.56529903 C8.08582415,5.57665982 8.08582415,5.58802788 8.0854911,5.59938859 L8.0854911,6.37833564 L9.05665959,6.37833564 L9.05665961,6.37833564 C9.27200427,6.38603619 9.44032564,6.56665207 9.43261672,6.7817523 C9.42529473,6.98604572 9.26118517,7.14996927 9.05665961,7.15728268 L8.08549111,7.15728268 L8.08549111,7.7411187 L8.08549336,7.74111631 Z M9.83299902,12.9991308 L9.83299901,12.9991308 C9.54507544,13.0033669 9.26390568,12.9119144 9.0336876,12.7391491 L9.0336876,12.7391491 C8.81913534,12.5662135 8.51286991,12.5662135 8.29831766,12.7391491 L8.29831764,12.7391491 C7.82232125,13.0869503 7.17568494,13.0869503 6.69968699,12.7391491 L6.69968699,12.7391491 C6.48568073,12.5662596 6.17982206,12.5662596 5.9658158,12.7391491 L5.96581579,12.7391491 C5.4898194,13.0869503 4.84318309,13.0869503 4.36718513,12.7391491 L4.36718513,12.7391491 C4.26513394,12.6519125 4.13426755,12.6056723 4,12.609408 L4,11.8309602 L4,11.8309602 C4.28792363,11.8267241 4.56909339,11.9181765 4.79931147,12.0909418 L4.79931143,12.0909418 C5.01351951,12.2632625 5.31897532,12.2632625 5.53318262,12.0909418 L5.53318259,12.0909418 C6.00917898,11.7431407 6.6558153,11.7431407 7.13181325,12.0909418 L7.13181325,12.0909418 C7.34618012,12.2633414 7.65181741,12.2633414 7.86618428,12.0909418 L7.8661842,12.0909419 C8.34238867,11.743776 8.98861353,11.743776 9.46481486,12.0909418 L9.46481482,12.0909417 C9.67952665,12.2639562 9.98597278,12.2639562 10.2006846,12.0909418 L10.2006846,12.0909418 C10.4310936,11.9185914 10.712175,11.8273441 11,11.8314594 L11,12.6099072 L11,12.6099072 C10.8655877,12.6062385 10.7345876,12.652463 10.6323111,12.7396484 L10.6323111,12.7396483 C10.4020891,12.9124136 10.1209194,13.0038664 9.83299971,12.99963 L9.83299902,12.9991308 Z M5.95082819,10.3249617 L5.95082815,10.3249604 C5.95923327,10.5891347 6.03506784,10.8467848 6.17113924,11.0734685 L6.17113924,11.0734685 C6.09836171,11.0984897 6.0299317,11.1346858 5.96831347,11.1807545 L5.96831346,11.1807545 C5.49231707,11.5285557 4.84568076,11.5285557 4.3696828,11.1807545 L4.36968281,11.1807545 C4.26811582,11.0949376 4.13847832,11.0494647 4.00549521,11.0530105 L4.00549521,10.2745627 L4.00549521,10.2745627 C4.29341884,10.2703266 4.5745886,10.3617791 4.80480668,10.5345443 L4.80480665,10.5345443 C5.01901472,10.706865 5.32447054,10.706865 5.53867783,10.5345444 L5.53867784,10.5345444 C5.6642704,10.4434033 5.8037844,10.373136 5.95182398,10.3264591 L5.95082819,10.3249617 Z M10.2006887,10.533047 L10.2006886,10.533047 C10.4309106,10.3602818 10.7120803,10.268829 11,10.2730654 L11,11.0530103 L11,11.0530103 C10.8656495,11.0491554 10.7346408,11.0952052 10.632315,11.1822529 L10.632315,11.1822529 C10.1561629,11.5295774 9.50983874,11.5295774 9.03368433,11.1822529 L9.03368436,11.1822529 C8.97278234,11.137023 8.90542047,11.1011936 8.83385531,11.0759647 L8.83385531,11.0759647 C8.97021534,10.8493498 9.04639175,10.5917099 9.05516608,10.3274574 L9.055166,10.3274574 C9.20247654,10.3739425 9.34131078,10.4438703 9.46631353,10.5345441 L9.46631353,10.5345441 C9.68122484,10.7069922 9.98727202,10.7069922 10.2021833,10.5345441 L10.2006887,10.533047 Z" id="形状"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-rgszzBudabiao.svg b/frontend/src/assets/legend/map-rgszzBudabiao.svg
new file mode 100644
index 0000000..3b50627
--- /dev/null
+++ b/frontend/src/assets/legend/map-rgszzBudabiao.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-rgszzBudabiao</title>
+    <g id="3-水质监测" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-5" transform="translate(-142.000000, -330.000000)">
+            <g id="编组-9备份-5" transform="translate(142.000000, 246.000000)">
+                <g id="map-rgszzBudabiao" transform="translate(0.000000, 84.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#E42A36" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#E55555" fill-rule="nonzero"></path>
+                    <path d="M14.4916497,9 C14.6408067,9.00304743 14.7816529,9.06285326 14.876571,9.1637994 C15.4535156,9.75804839 16.3366476,10.756082 17.0190081,11.5175587 C17.9760625,12.5910162 18.2805003,13.9905487 17.7158032,15.1470487 C18.1661762,15.6415339 18.0709806,16.3603359 17.5031807,16.7525497 C17.0266369,17.0817282 16.3528031,17.0825627 15.8751794,16.7545684 C14.542459,17.2533435 12.9940652,16.9767214 11.9944726,16.0612779 C10.6122551,14.8118313 10.7259819,12.9647074 11.9944726,11.5175587 C12.6462144,10.7709382 13.5074758,9.76909533 14.093606,9.16341847 C14.1897613,9.06256054 14.3323748,9.00409022 14.4829015,9.00380929 L14.4916497,9 Z M14.4824696,9.94432759 L14.4824696,9.94813688 C14.0494331,10.4128701 13.5249778,11.0147376 13.0525743,11.5556566 L12.6851494,11.9784876 C11.6711406,13.1317021 11.604787,14.4913257 12.4976383,15.413977 L12.6195377,15.5317917 C13.2867928,16.1437395 14.2852087,16.3771122 15.2066553,16.1495177 L15.4027813,16.0936615 C15.251645,15.4763949 15.703713,14.8692967 16.4125054,14.7376858 C16.5898713,14.7047495 16.7731504,14.7041878 16.9507788,14.736036 C17.3282629,13.8172311 16.9870826,12.7411071 16.3191567,11.9822969 L16.2841638,11.9403947 C15.7111559,11.2928157 15.0161105,10.5119116 14.4824696,9.94432759 Z M13.6238325,13.5703892 C14.1069826,13.5703892 14.4986537,13.9114848 14.4986537,14.3322469 C14.4986537,14.7206427 14.1649221,15.041157 13.7335681,15.0881686 L13.6238325,15.0941046 C13.1406825,15.0941046 12.7490113,14.753009 12.7490113,14.3322469 C12.7490113,13.9438511 13.082743,13.6233369 13.5140969,13.5763252 L13.6238325,13.5703892 Z M12.2199212,3 C14.3064256,3 16,4.70901982 16,6.81455314 C16,7.21721717 15.9360342,7.60451235 15.8233325,7.96721736 L15.8233325,7.96721736 L14.7816033,7.96721736 C14.9369489,7.61373366 15.0252826,7.22336471 15.0252826,6.81455314 C15.0252826,5.25307433 13.7672791,3.9836068 12.2199212,3.9836068 C10.6725365,3.9836038 9.41454193,5.25306533 9.41454193,6.81147336 C9.41454193,8.04712941 10.2004138,9.09835918 11.2939248,9.48565436 L11.2939248,9.48565436 L11.2939248,10.512294 C11.2726029,10.5184415 11.2512809,10.5215153 11.226913,10.5276628 C10.2156526,10.7612724 9.2866192,11.277666 8.53425923,12.0368875 C7.72098537,12.8575754 7.1879368,13.884221 6.98690134,15 L6.98690134,15 L6,15 C6.35638699,12.6823795 7.90679384,10.7643432 9.99329822,9.89753971 C9.05208676,9.20594117 8.43984241,8.0809469 8.43984241,6.81455314 C8.43984241,4.70901982 10.1334168,3 12.2199212,3 Z M15.8108855,13.5700083 C16.0524606,13.5700083 16.2482961,13.7405561 16.2482961,13.9509371 C16.2482961,14.1350206 16.0983595,14.2886066 15.899039,14.3241269 L15.8108855,14.331866 C15.5693105,14.331866 15.3734749,14.1613182 15.3734749,13.9509371 C15.3734749,13.7668537 15.5234115,13.6132676 15.7227321,13.5777474 L15.8108855,13.5700083 Z M14.4986537,12.0466739 C14.7402288,12.0466739 14.9360643,12.2172217 14.9360643,12.4276027 C14.9360643,12.6116861 14.7861277,12.7652722 14.5868072,12.8007924 L14.4986537,12.8085315 C14.2570787,12.8085315 14.0612432,12.6379838 14.0612432,12.4276027 C14.0612432,12.2435193 14.2111798,12.0899332 14.4105003,12.054413 L14.4986537,12.0466739 Z" id="形状结合" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-rgszzDabiao.svg b/frontend/src/assets/legend/map-rgszzDabiao.svg
new file mode 100644
index 0000000..5732046
--- /dev/null
+++ b/frontend/src/assets/legend/map-rgszzDabiao.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-rgszzDabiao</title>
+    <g id="3-水质监测" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-5" transform="translate(-142.000000, -302.000000)">
+            <g id="编组-9备份-5" transform="translate(142.000000, 246.000000)">
+                <g id="map-rgszzDabiao" transform="translate(0.000000, 56.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#6AB200" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#78C300" fill-rule="nonzero"></path>
+                    <path d="M14.4916497,10 C14.6408067,10.0030474 14.7816529,10.0628533 14.876571,10.1637994 C15.4535156,10.7580484 16.3366476,11.756082 17.0190081,12.5175587 C17.9760625,13.5910162 18.2805003,14.9905487 17.7158032,16.1470487 C18.1661762,16.6415339 18.0709806,17.3603359 17.5031807,17.7525497 C17.0266369,18.0817282 16.3528031,18.0825627 15.8751794,17.7545684 C14.542459,18.2533435 12.9940652,17.9767214 11.9944726,17.0612779 C10.6122551,15.8118313 10.7259819,13.9647074 11.9944726,12.5175587 C12.6462144,11.7709382 13.5074758,10.7690953 14.093606,10.1634185 C14.1897613,10.0625605 14.3323748,10.0040902 14.4829015,10.0038093 L14.4916497,10 Z M14.4824696,10.9443276 L14.4824696,10.9481369 C14.0494331,11.4128701 13.5249778,12.0147376 13.0525743,12.5556566 L12.6851494,12.9784876 C11.6711406,14.1317021 11.604787,15.4913257 12.4976383,16.413977 L12.6195377,16.5317917 C13.2867928,17.1437395 14.2852087,17.3771122 15.2066553,17.1495177 L15.4027813,17.0936615 C15.251645,16.4763949 15.703713,15.8692967 16.4125054,15.7376858 C16.5898713,15.7047495 16.7731504,15.7041878 16.9507788,15.736036 C17.3282629,14.8172311 16.9870826,13.7411071 16.3191567,12.9822969 L16.2841638,12.9403947 C15.7111559,12.2928157 15.0161105,11.5119116 14.4824696,10.9443276 Z M13.6238325,14.5703892 C14.1069826,14.5703892 14.4986537,14.9114848 14.4986537,15.3322469 C14.4986537,15.7206427 14.1649221,16.041157 13.7335681,16.0881686 L13.6238325,16.0941046 C13.1406825,16.0941046 12.7490113,15.753009 12.7490113,15.3322469 C12.7490113,14.9438511 13.082743,14.6233369 13.5140969,14.5763252 L13.6238325,14.5703892 Z M12.2199212,4 C14.3064256,4 16,5.70901982 16,7.81455314 C16,8.21721717 15.9360342,8.60451235 15.8233325,8.96721736 L15.8233325,8.96721736 L14.7816033,8.96721736 C14.9369489,8.61373366 15.0252826,8.22336471 15.0252826,7.81455314 C15.0252826,6.25307433 13.7672791,4.9836068 12.2199212,4.9836068 C10.6725365,4.9836038 9.41454193,6.25306533 9.41454193,7.81147336 C9.41454193,9.04712941 10.2004138,10.0983592 11.2939248,10.4856544 L11.2939248,10.4856544 L11.2939248,11.512294 C11.2726029,11.5184415 11.2512809,11.5215153 11.226913,11.5276628 C10.2156526,11.7612724 9.2866192,12.277666 8.53425923,13.0368875 C7.72098537,13.8575754 7.1879368,14.884221 6.98690134,16 L6.98690134,16 L6,16 C6.35638699,13.6823795 7.90679384,11.7643432 9.99329822,10.8975397 C9.05208676,10.2059412 8.43984241,9.0809469 8.43984241,7.81455314 C8.43984241,5.70901982 10.1334168,4 12.2199212,4 Z M15.8108855,14.5700083 C16.0524606,14.5700083 16.2482961,14.7405561 16.2482961,14.9509371 C16.2482961,15.1350206 16.0983595,15.2886066 15.899039,15.3241269 L15.8108855,15.331866 C15.5693105,15.331866 15.3734749,15.1613182 15.3734749,14.9509371 C15.3734749,14.7668537 15.5234115,14.6132676 15.7227321,14.5777474 L15.8108855,14.5700083 Z M14.4986537,13.0466739 C14.7402288,13.0466739 14.9360643,13.2172217 14.9360643,13.4276027 C14.9360643,13.6116861 14.7861277,13.7652722 14.5868072,13.8007924 L14.4986537,13.8085315 C14.2570787,13.8085315 14.0612432,13.6379838 14.0612432,13.4276027 C14.0612432,13.2435193 14.2111798,13.0899332 14.4105003,13.054413 L14.4986537,13.0466739 Z" id="形状结合" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-rgszzWudabiaoshujv.svg b/frontend/src/assets/legend/map-rgszzWudabiaoshujv.svg
new file mode 100644
index 0000000..2ea6057
--- /dev/null
+++ b/frontend/src/assets/legend/map-rgszzWudabiaoshujv.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-rgszzWudabiaoshujv</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-5" transform="translate(-318.000000, -331.000000)">
+            <g id="编组-9备份-5" transform="translate(318.000000, 129.000000)">
+                <g id="map-rgszzWudabiaoshujv" transform="translate(0.000000, 202.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#6488B3" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#7399C6" fill-rule="nonzero"></path>
+                    <path d="M14.4916497,10 C14.6408067,10.0030474 14.7816529,10.0628533 14.876571,10.1637994 C15.4535156,10.7580484 16.3366476,11.756082 17.0190081,12.5175587 C17.9760625,13.5910162 18.2805003,14.9905487 17.7158032,16.1470487 C18.1661762,16.6415339 18.0709806,17.3603359 17.5031807,17.7525497 C17.0266369,18.0817282 16.3528031,18.0825627 15.8751794,17.7545684 C14.542459,18.2533435 12.9940652,17.9767214 11.9944726,17.0612779 C10.6122551,15.8118313 10.7259819,13.9647074 11.9944726,12.5175587 C12.6462144,11.7709382 13.5074758,10.7690953 14.093606,10.1634185 C14.1897613,10.0625605 14.3323748,10.0040902 14.4829015,10.0038093 L14.4916497,10 Z M14.4824696,10.9443276 L14.4824696,10.9481369 C14.0494331,11.4128701 13.5249778,12.0147376 13.0525743,12.5556566 L12.6851494,12.9784876 C11.6711406,14.1317021 11.604787,15.4913257 12.4976383,16.413977 L12.6195377,16.5317917 C13.2867928,17.1437395 14.2852087,17.3771122 15.2066553,17.1495177 L15.4027813,17.0936615 C15.251645,16.4763949 15.703713,15.8692967 16.4125054,15.7376858 C16.5898713,15.7047495 16.7731504,15.7041878 16.9507788,15.736036 C17.3282629,14.8172311 16.9870826,13.7411071 16.3191567,12.9822969 L16.2841638,12.9403947 C15.7111559,12.2928157 15.0161105,11.5119116 14.4824696,10.9443276 Z M13.6238325,14.5703892 C14.1069826,14.5703892 14.4986537,14.9114848 14.4986537,15.3322469 C14.4986537,15.7206427 14.1649221,16.041157 13.7335681,16.0881686 L13.6238325,16.0941046 C13.1406825,16.0941046 12.7490113,15.753009 12.7490113,15.3322469 C12.7490113,14.9438511 13.082743,14.6233369 13.5140969,14.5763252 L13.6238325,14.5703892 Z M12.2199212,4 C14.3064256,4 16,5.70901982 16,7.81455314 C16,8.21721717 15.9360342,8.60451235 15.8233325,8.96721736 L15.8233325,8.96721736 L14.7816033,8.96721736 C14.9369489,8.61373366 15.0252826,8.22336471 15.0252826,7.81455314 C15.0252826,6.25307433 13.7672791,4.9836068 12.2199212,4.9836068 C10.6725365,4.9836038 9.41454193,6.25306533 9.41454193,7.81147336 C9.41454193,9.04712941 10.2004138,10.0983592 11.2939248,10.4856544 L11.2939248,10.4856544 L11.2939248,11.512294 C11.2726029,11.5184415 11.2512809,11.5215153 11.226913,11.5276628 C10.2156526,11.7612724 9.2866192,12.277666 8.53425923,13.0368875 C7.72098537,13.8575754 7.1879368,14.884221 6.98690134,16 L6.98690134,16 L6,16 C6.35638699,13.6823795 7.90679384,11.7643432 9.99329822,10.8975397 C9.05208676,10.2059412 8.43984241,9.0809469 8.43984241,7.81455314 C8.43984241,5.70901982 10.1334168,4 12.2199212,4 Z M15.8108855,14.5700083 C16.0524606,14.5700083 16.2482961,14.7405561 16.2482961,14.9509371 C16.2482961,15.1350206 16.0983595,15.2886066 15.899039,15.3241269 L15.8108855,15.331866 C15.5693105,15.331866 15.3734749,15.1613182 15.3734749,14.9509371 C15.3734749,14.7668537 15.5234115,14.6132676 15.7227321,14.5777474 L15.8108855,14.5700083 Z M14.4986537,13.0466739 C14.7402288,13.0466739 14.9360643,13.2172217 14.9360643,13.4276027 C14.9360643,13.6116861 14.7861277,13.7652722 14.5868072,13.8007924 L14.4986537,13.8085315 C14.2570787,13.8085315 14.0612432,13.6379838 14.0612432,13.4276027 C14.0612432,13.2435193 14.2111798,13.0899332 14.4105003,13.054413 L14.4986537,13.0466739 Z" id="形状结合" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-shipinzhan.svg b/frontend/src/assets/legend/map-shipinzhan.svg
new file mode 100644
index 0000000..1aa526f
--- /dev/null
+++ b/frontend/src/assets/legend/map-shipinzhan.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-shipinzhan</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-5" transform="translate(-318.000000, -406.000000)">
+            <g id="编组-9备份-5" transform="translate(318.000000, 129.000000)">
+                <g id="map-shipinzhan" transform="translate(0.000000, 277.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#0292C5" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#13ADE6" fill-rule="nonzero"></path>
+                    <path d="M8.55976603,6 L18.5614658,8.8252168 L17.766585,9.87886369 L19,10.215199 L18.1685247,13.3785857 L15.6489027,12.6900156 L14.8546218,13.7448855 L11.273159,12.7230376 L11.273159,14.9532466 L7.77748338,14.9532466 L7.77748338,17 L7,17 L7,12.9071047 L7.77688347,12.9071047 L7.77688347,14.134423 L10.4968755,14.134423 L10.4962756,12.5016678 L7.10498426,11.5348566 L8.55976603,6 Z M15.9896516,8.94752057 L13.3860421,12.475984 L14.5708644,12.8135424 L17.2212668,9.29547476 L15.9896516,8.94690905 L15.9896516,8.94752057 Z M17.2374644,10.5814988 L16.1780233,11.9873805 L17.6250063,12.3824216 L18.0407439,10.801034 L17.2368645,10.5808873 L17.2374644,10.5814988 Z M9.09968505,7.00105626 L8.05944109,10.9575828 L12.5791631,12.2454414 L15.1827726,8.71881254 L9.09968505,7.00044474 L9.09968505,7.00105626 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-ssShuishengshengtai.svg b/frontend/src/assets/legend/map-ssShuishengshengtai.svg
new file mode 100644
index 0000000..66c6bf8
--- /dev/null
+++ b/frontend/src/assets/legend/map-ssShuishengshengtai.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-ssShuishengshengtai</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-ssShuishengshengtai" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <g id="生态备份" transform="translate(4.000000, 3.000000)">
+                <path d="M9.07043049,4.44449309 C9.14237099,4.40624473 9.20169968,4.34981857 9.24180972,4.28149777 C9.34996602,4.0915655 9.28988908,3.85490556 9.10242073,3.73240454 C9.02134271,3.68276035 8.92642635,3.65729619 8.82992668,3.65930041 C8.737953,3.67013064 8.64826441,3.69720624 8.56657325,3.73781961 C8.42432889,3.80063494 8.28551042,3.86832376 8.14955,3.94196936 C7.51259318,4.30491597 6.97448229,4.8046142 6.5785662,5.40080201 C6.47173969,5.5610894 6.37291061,5.72679262 6.28322256,5.89520249 C5.96493048,5.32317055 5.63640599,4.75630641 5.29779131,4.1948543 C5.22581185,4.08059533 5.15611749,3.96633587 5.08071026,3.85207792 C4.97361307,3.69006269 4.7652706,3.6161708 4.57228466,3.67175475 C4.33933573,3.73710294 4.20637932,3.96908567 4.2753178,4.18990184 C4.28217745,4.2118739 4.29093616,4.23327238 4.30150488,4.25388032 C4.33578072,4.31669566 4.37976814,4.37626201 4.41747162,4.43907722 C4.67796835,4.8598321 4.92989632,5.28545945 5.17325554,5.71596054 C5.36748567,6.05494736 5.55885911,6.39772374 5.75080442,6.73725138 L5.84906204,6.91919954 C5.7330953,7.27659712 5.64112162,7.64049345 5.57428315,8.00872141 L5.50173248,7.94915519 C5.36017643,7.83260821 5.20669678,7.72975193 5.04357829,7.64211863 C4.93675178,7.58471836 4.83506599,7.5305672 4.71053103,7.52785967 L4.68196778,7.52785967 C4.54351228,7.53437855 4.41606973,7.60138135 4.33692321,7.70926574 C4.20109539,7.89395606 4.24574643,8.14766709 4.4374658,8.28056051 C4.48088201,8.30763609 4.52715439,8.3292966 4.57342623,8.35366452 C4.63626532,8.38615516 4.69739079,8.42135347 4.75623091,8.46034234 C5.02186916,8.64012468 5.23609352,8.8789314 5.37890975,9.15564383 L5.41661324,9.23687057 C5.37662466,10.0231455 5.33492234,10.7985863 5.43317995,11.5832463 C5.44860412,11.7050864 5.46688459,11.8280097 5.52343988,11.937936 C5.62496306,12.1491202 5.88786796,12.2423039 6.11065572,12.1460683 C6.21416709,12.1013553 6.29558451,12.0206349 6.33806402,11.9206081 C6.42603886,11.7180834 6.35977213,11.4559909 6.34434794,11.2415528 C6.30835822,10.7368641 6.2558019,10.2365069 6.27179728,9.73019952 C6.29407659,9.07063791 6.37919513,8.41432885 6.52658195,7.76992673 C6.58427965,7.51704089 6.65683032,7.26740378 6.74366301,7.02264041 L6.74937566,7.00910262 C7.02758178,6.2239106 7.46517113,5.48474929 8.14897104,4.95515102 C8.3700512,4.79648862 8.60598273,4.65731991 8.85334105,4.53926987 C8.9259001,4.50730855 8.99787996,4.47698386 9.07043049,4.44449309 Z M10.7692332,2.60630732 C10.493012,2.16354368 10.1502429,1.76045896 9.75149857,1.40948385 C8.75734909,0.522658245 7.44403295,0.0194854095 6.07269272,-2.56908511e-06 L5.92836338,-2.56908511e-06 C5.2502282,0.0099584619 4.58004967,0.136962074 3.95179034,0.374532093 C3.36385435,0.601966888 2.82142508,0.921628119 2.34772204,1.31983443 C1.54124862,2.00001324 0.955481978,2.87987738 0.657692306,3.85840977 C0.318208584,4.97280225 0.35678266,6.15876193 0.76806182,7.25163003 C1.21473007,8.43402116 2.08648203,9.43331426 3.2333293,10.0775735 C3.29505903,10.1033489 3.36211607,10.1159372 3.42965927,10.1144294 C3.65749613,10.1064311 3.83528669,9.92658583 3.82676527,9.71273417 C3.82582023,9.68901757 3.82255578,9.66543268 3.81701307,9.64227678 C3.79414231,9.55620683 3.74128881,9.47977694 3.66684687,9.42512653 L3.63447888,9.40520442 C3.43488535,9.29128234 3.2440962,9.16429696 3.06352902,9.02519086 C2.2655788,8.40700273 1.69358204,7.57006118 1.42761399,6.63155563 C1.08950998,5.43811872 1.2542696,4.16830585 1.88766294,3.0859232 C2.19101684,2.57328577 2.59567019,2.11960353 3.07997089,1.74915796 C4.48074383,0.667772801 6.42823205,0.461130169 8.0508362,1.22172064 C8.60447391,1.48246253 9.09895306,1.8415516 9.50686818,2.27908416 C9.97722982,2.78242514 10.3270052,3.37466586 10.5325619,4.01579117 C10.7978731,4.84903128 10.8185671,5.73357066 10.591461,6.57677311 C10.3784615,7.36224909 9.95296117,8.0827882 9.35617266,8.6685952 C9.11845345,8.89819722 8.85632688,9.10439031 8.57297388,9.28368905 C8.47321682,9.3459455 8.36868479,9.40122877 8.26892686,9.46348521 C8.21472759,9.50206313 8.17047625,9.55159867 8.13945465,9.60841787 C8.08900429,9.71219813 8.08997536,9.83159674 8.14210778,9.93464132 C8.19471743,10.0383611 8.29299176,10.1153202 8.41113357,10.145317 C8.50385802,10.1659595 8.6012547,10.1572029 8.68811852,10.1204144 L8.7231396,10.1024845 C9.79929817,9.51165747 10.6405111,8.60718757 11.1189052,7.52655639 C11.6140013,6.40530204 11.7056657,5.16301171 11.3799718,3.98839686 C11.244164,3.50347827 11.0386931,3.03867539 10.7692332,2.60630732 Z" id="形状" fill="#FFFFFF"></path>
+                <path d="M5.37317496,12.4594594 L4.98703712,12.1824595 C4.85822995,12.0897148 4.68079575,12.0897148 4.55198858,12.1824595 L4.16585074,12.4594594 C3.76086209,12.7514435 3.20262493,12.7514435 2.79764146,12.4594594 L2.41150363,12.1824595 C2.28269646,12.0897148 2.10526226,12.0897148 1.97645508,12.1824595 L1.47705023,12.5444067 C1.30715491,12.6678131 1.06483549,12.6361197 0.935814252,12.4736177 C0.806793017,12.3111159 0.839928415,12.0793418 1.00982395,11.9559353 L1.50922881,11.5939881 C1.91421738,11.3020042 2.47245454,11.3020042 2.877438,11.5939881 L3.26357584,11.870988 C3.392383,11.9637327 3.5698172,11.9637327 3.69862437,11.870988 L4.08476221,11.5939881 C4.48975078,11.3020041 5.04798794,11.3020041 5.4529714,11.593988 L5.83910924,11.8709879 C5.9679164,11.9637327 6.1453506,11.9637327 6.27415778,11.8709879 L6.66029562,11.593988 C7.06528419,11.3020041 7.62352135,11.3020041 8.02850481,11.593988 L8.41464265,11.8709879 C8.54344981,11.9637326 8.72088401,11.9637326 8.84969118,11.8709879 L9.23582902,11.593988 C9.6408176,11.302004 10.1990548,11.302004 10.6040382,11.5939879 L10.9901761,11.8709878 C11.1600714,11.9943943 11.1932071,12.2261685 11.0641858,12.3886703 C10.9351645,12.5511721 10.6928451,12.5828658 10.5229498,12.4594592 L10.1368119,12.1824593 C10.0080048,12.0897146 9.83057057,12.0897146 9.7017634,12.1824593 L9.31562556,12.4594592 C8.91063691,12.7514432 8.35239975,12.7514432 7.94741629,12.4594592 L7.56127845,12.1824593 C7.43247128,12.0897146 7.25503708,12.0897146 7.12622991,12.1824593 L6.74009207,12.4594592 C6.54369488,12.601572 6.30418214,12.6785113 6.05791611,12.6786103 C5.81077872,12.6790481 5.57027465,12.6020807 5.37317496,12.4594594 Z" id="路径备份-6" fill="#FDFDFC"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-stllxfssFangliudong.svg b/frontend/src/assets/legend/map-stllxfssFangliudong.svg
new file mode 100644
index 0000000..2a5af06
--- /dev/null
+++ b/frontend/src/assets/legend/map-stllxfssFangliudong.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-stllxfssFangliudong</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-stllxfssFangliudong" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M10.0000051,5.00000863 L10.0000053,5.00000863 C12.761427,5.00000863 15.0000303,7.2385545 15.0000303,9.9999837 C15.0000303,12.7614053 12.7614844,15.0000086 10.0000552,15.0000086 C7.23863357,15.0000086 5.00003028,12.7614628 5.00003028,10.0000336 C5.00003028,8.67395108 5.52680276,7.4021674 6.46448093,6.46449422 L6.4644809,6.46449425 C7.40215657,5.52681358 8.6739178,5.00000863 9.9999953,5.00000863 M10,4 L10,4 C6.68628688,4 4,6.68628688 4,10 C4,13.3137131 6.68628688,16 10,16 C13.3137131,16 16,13.3137131 16,10 L16,10 C16,6.68628688 13.3137131,4 10,4 C10,4 10,4 10,4 L10,4 Z" id="形状" fill="#FFFFFF"></path>
+            <path d="M12.8828653,10.9996808 L12.4308873,10.6566523 L12.4308874,10.6566523 C11.9568446,10.2950677 11.303419,10.2950677 10.8293805,10.6566523 L10.3774026,10.9996808 L10.3774026,10.9996808 C10.2266329,11.1145329 10.0189446,11.1145329 9.8681748,10.9996808 L9.4161969,10.6566523 L9.4161969,10.6566523 C8.9421542,10.2950677 8.2887285,10.2950677 7.81469007,10.6566523 L7.23013216,11.1048766 L7.23013213,11.1048766 C7.03126848,11.2576994 6.99248332,11.5447221 7.14350317,11.7459593 C7.29452344,11.9471964 7.57816088,11.9864445 7.77702453,11.8336222 L8.3615825,11.3853979 L8.3615824,11.3853979 C8.5123521,11.2705458 8.7200405,11.2705458 8.8708102,11.3853979 L9.3227881,11.7284263 L9.3227881,11.7284264 C9.796661,12.0905246 10.4504264,12.0905246 10.924295,11.7284263 L11.3762729,11.3853978 L11.3762729,11.3853978 C11.5270426,11.2705457 11.7347309,11.2705457 11.8855006,11.3853978 L12.3374785,11.7284263 L12.3374786,11.7284263 C12.5308863,11.8881195 12.8156034,11.8589176 12.9734131,11.6632017 C13.1312228,11.4674856 13.1023654,11.1793702 12.9089578,11.0196771 C12.9005015,11.0126948 12.8917981,11.0060249 12.8828647,10.9996802 L12.8828653,10.9996808 Z" id="路径" fill="#FFFFFF"></path>
+            <path d="M12.8828653,8.25557394 L12.4308873,7.91254545 L12.4308874,7.91254547 C11.9570145,7.55044731 11.3032491,7.55044731 10.8293805,7.91254543 L10.3774026,8.25557392 L10.3774026,8.25557391 C10.2266329,8.37042598 10.0189446,8.37042598 9.8681749,8.25557392 L9.416197,7.91254544 L9.416197,7.91254546 C8.9423241,7.5504473 8.2885587,7.5504473 7.81469013,7.91254541 L7.23013221,8.36076973 L7.23013219,8.36076975 C7.03126853,8.51359249 6.99248337,8.80061523 7.14350322,9.0018524 C7.29452349,9.2030895 7.57816094,9.2423376 7.77702459,9.0895153 L8.3615825,8.64129097 L8.3615825,8.64129098 C8.5123522,8.52643891 8.7200405,8.52643891 8.8708102,8.64129096 L9.3227881,8.98431944 L9.322788,8.98431937 C9.7968308,9.345904 10.4502564,9.345904 10.9242949,8.98431952 L11.3762728,8.64129103 L11.3762728,8.64129104 C11.5270425,8.52643897 11.7347308,8.52643897 11.8855005,8.64129101 L12.3374784,8.9843195 L12.3374785,8.98431953 C12.5308862,9.1440127 12.8156033,9.1148109 12.973413,8.91909502 C13.1312227,8.72337895 13.1023653,8.43526359 12.9089578,8.2755704 C12.9005015,8.26858814 12.8917979,8.26191812 12.8828645,8.25557346 L12.8828653,8.25557394 Z" id="路径" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-stllxfssFangliuguan.svg b/frontend/src/assets/legend/map-stllxfssFangliuguan.svg
new file mode 100644
index 0000000..dc474d0
--- /dev/null
+++ b/frontend/src/assets/legend/map-stllxfssFangliuguan.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-stllxfssFangliuguan</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-stllxfssFangliuguan" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M15.2,7 L13.6,7 L6.8,7 L4.8,7 C4.3588,7 4,7.38442857 4,7.85714286 L4,12.1428571 C4,12.6155714 4.3588,13 4.8,13 L15.2,13 C15.6412,13 16,12.6155714 16,12.1428571 L16,7.85714286 C16,7.38442857 15.6412,7 15.2,7 Z M4.8,12.1428571 L4.8,7.85714286 L5.2804,7.85714286 L5.2804,12.1428571 L4.8,12.1428571 L4.8,12.1428571 Z M6.0804,12.1428571 L6.0804,7.85714286 L14.0832,7.85714286 L14.0832,12.1428571 L6.0804,12.1428571 Z M14.8832,12.1428571 L14.8832,7.85714286 L15.2,7.85714286 L15.2008,12.1428571 L14.8832,12.1428571 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-stllxfssFangliukong.svg b/frontend/src/assets/legend/map-stllxfssFangliukong.svg
new file mode 100644
index 0000000..b6cf432
--- /dev/null
+++ b/frontend/src/assets/legend/map-stllxfssFangliukong.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-stllxfssFangliukong</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-stllxfssFangliukong" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M15.3285024,6.28571322 L10.4556195,4.09751195 C10.1661029,3.96749602 9.8340457,3.96749602 9.5445304,4.09751195 L4.67164751,6.28571322 C4.263666,6.46887583 4,6.88024173 4,7.33364584 L4,13.6662796 C4,14.1196838 4.263666,14.5310496 4.67164751,14.7143621 L9.5443805,16.9025633 C9.6891381,16.9675712 9.8445316,17 9.9999251,17 C10.1553185,17 10.310712,16.967421 10.4554696,16.9025633 L15.3283525,14.7143621 C15.736334,14.5310484 16,14.1196825 16,13.6662796 L16,7.33364584 C16,6.88024173 15.736334,6.46887583 15.3283525,6.28556342 L15.3285024,6.28571322 Z M15.1138759,13.6662873 C15.1138759,13.7632736 15.0574498,13.8511015 14.9702998,13.8902871 L10.0975668,16.0784884 C10.0356754,16.1062631 9.9646253,16.1062631 9.9027342,16.0784884 L5.02985136,13.8902871 L5.02985138,13.8902871 C4.94259532,13.8510798 4.88627531,13.7632546 4.88627531,13.6662873 L4.88627531,7.33365346 C4.88627531,7.2366671 4.94270136,7.14883918 5.02985138,7.10965362 L9.9027342,4.92145235 C9.9646257,4.89367765 10.0356758,4.89367765 10.0975668,4.92145235 L14.9702998,7.10965362 C15.0575977,7.14883854 15.1138759,7.2368169 15.1138759,7.33365346 L15.1138759,13.6662873 L15.1138759,13.6662873 Z M12.8314472,11.358709 L12.3794693,11.0156805 L12.3794693,11.0156805 C11.9054266,10.6540959 11.2520009,10.6540959 10.7779624,11.0156805 L10.3259845,11.358709 L10.3259845,11.358709 C10.1752148,11.473561 9.9675265,11.473561 9.8167568,11.358709 L9.3647789,11.0156805 L9.3647789,11.0156805 C8.8907362,10.6540959 8.2373105,10.6540959 7.76327204,11.0156805 L7.17871412,11.4639048 L7.17871409,11.4639048 C6.97985044,11.6167276 6.94106528,11.9037503 7.09208513,12.1049874 C7.2431054,12.3062246 7.52674284,12.3454727 7.7256065,12.1926504 L8.3101644,11.744426 L8.3101644,11.744426 C8.4609341,11.629574 8.6686224,11.629574 8.8193921,11.744426 L9.27137,12.0874545 L9.2713701,12.0874546 C9.745243,12.4495527 10.3990084,12.4495527 10.872877,12.0874545 L11.3248549,11.744426 L11.3248549,11.744426 C11.4756246,11.6295739 11.6833129,11.6295739 11.8340826,11.744426 L12.2860605,12.0874544 L12.2860605,12.0874545 C12.4794682,12.2471477 12.7641854,12.2179458 12.9219951,12.0222298 C13.0798048,11.8265138 13.0509474,11.5383984 12.8575398,11.3787052 C12.8490835,11.371723 12.8403801,11.3650531 12.8314466,11.3587084 L12.8314472,11.358709 Z M12.8314472,8.61460211 L12.3794693,8.27157362 L12.3794693,8.27157364 C11.9055965,7.90947548 11.2518311,7.90947548 10.7779625,8.2715736 L10.3259846,8.61460209 L10.3259846,8.61460208 C10.1752149,8.72945415 9.9675265,8.72945415 9.8167568,8.61460209 L9.3647789,8.2715736 L9.364779,8.27157363 C8.8909061,7.90947547 8.2371407,7.90947547 7.76327209,8.27157358 L7.17871417,8.7197979 L7.17871415,8.71979792 C6.97985049,8.87262066 6.94106533,9.1596434 7.09208518,9.3608806 C7.24310545,9.5621177 7.5267429,9.6013658 7.72560655,9.4485435 L8.3101645,9.0003191 L8.3101644,9.0003192 C8.4609342,8.88546708 8.6686225,8.88546708 8.8193922,9.0003191 L9.2713701,9.3433476 L9.27137,9.3433475 C9.7454127,9.7049322 10.3988384,9.7049322 10.8728769,9.3433477 L11.3248548,9.0003192 L11.3248548,9.0003192 C11.4756245,8.88546714 11.6833128,8.88546714 11.8340825,9.0003192 L12.2860604,9.3433477 L12.2860604,9.3433477 C12.4794681,9.5030409 12.7641853,9.4738391 12.921995,9.2781232 C13.0798047,9.0824071 13.0509473,8.79429176 12.8575398,8.63459857 C12.8490834,8.62761631 12.8403799,8.62094629 12.8314464,8.61460163 L12.8314472,8.61460211 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-stllxfssJihefadian.svg b/frontend/src/assets/legend/map-stllxfssJihefadian.svg
new file mode 100644
index 0000000..e8662ba
--- /dev/null
+++ b/frontend/src/assets/legend/map-stllxfssJihefadian.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-stllxfssJihefadian</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-stllxfssJihefadian" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M14.9985007,5.5 C15.5502249,5.5 16,5.92640556 16,6.44946304 L16,13.5562224 C15.994003,14.0792798 15.5442279,14.5 14.9925037,14.5 L5.00149925,14.5 C4.44977511,14.5 4,14.0735944 4,13.550537 L4,6.44377764 C4,5.92640556 4.44977511,5.5 5.00149925,5.5 L14.9985007,5.5 Z M14.9985007,6.21067593 L5.00149925,6.21067593 C4.86356822,6.21067593 4.74962519,6.31869867 4.74962519,6.44946304 L4.74962519,13.5562224 C4.74962519,13.6869867 4.86356822,13.7950095 5.00149925,13.7950095 L14.9985007,13.7950095 C15.1364318,13.7950095 15.2503748,13.6869867 15.2503748,13.5562224 L15.2503748,6.44946304 C15.2503748,6.31869867 15.1364318,6.21067593 14.9985007,6.21067593 Z M11.0344828,7.31933039 C11.1784108,7.45578016 11.1784108,7.68319646 11.0344828,7.81964624 L9.1094453,9.644662 L11.7901049,9.644662 C11.94003,9.644662 12.077961,9.7299431 12.137931,9.8663929 C12.197901,9.9971573 12.161919,10.1506633 12.053973,10.2530006 L9.4872564,12.686355 C9.4152924,12.7545799 9.3193403,12.7886924 9.2233883,12.7886924 C9.1274363,12.7886924 9.0314843,12.7545799 8.9595202,12.686355 C8.8155922,12.5499052 8.8155922,12.3224889 8.9595202,12.1860392 L10.8845577,10.3610234 L8.2038981,10.3610234 C8.053973,10.3610234 7.91604198,10.2757423 7.85607196,10.1392925 C7.79610195,10.0085281 7.83208396,9.8550221 7.94002999,9.7526848 L10.5067466,7.31933039 C10.6506747,7.18288061 10.8905547,7.18288061 11.0344828,7.31933039 Z" id="形状结合" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-stllxfssShengtaijizu.svg b/frontend/src/assets/legend/map-stllxfssShengtaijizu.svg
new file mode 100644
index 0000000..cbc0922
--- /dev/null
+++ b/frontend/src/assets/legend/map-stllxfssShengtaijizu.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-stllxfssShengtaijizu</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-stllxfssShengtaijizu" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M6.01914478,8.74007905 L6.09422714,8.74007905 L6.09422707,8.74007873 C6.21374323,9.3398558 6.48051212,9.9030923 6.87207923,10.3823781 L5.98760995,11.2391059 L5.98760982,11.2391058 C6.46424635,11.6994049 7.23636789,11.6994049 7.71300199,11.239106 L7.76555964,11.1882831 L7.76555987,11.1882833 C7.89111578,11.2705096 8.0214749,11.3456588 8.1559874,11.4133556 L8.1559873,11.4133557 C8.6714385,11.2942956 9.214944,11.4039885 9.6381161,11.7124846 L10.0660855,12.0261336 L10.4940548,11.7124846 L10.4940547,11.7124846 C10.8828287,11.4283154 11.3753308,11.3112225 11.8560431,11.3886706 L11.8560432,11.3886705 C12.0599596,11.2827834 12.2539107,11.1598562 12.4356793,11.0212938 L13.297625,11.8547889 L13.4237628,11.7618557 L13.4237628,11.7618558 C13.7980204,11.2923904 13.753663,10.6272235 13.3201492,10.2081237 L13.2675915,10.1573009 L13.2675916,10.1573008 C13.6218824,9.6520592 13.8453983,9.0718724 13.9193059,8.46562419 L15.1701734,8.46562419 L15.1701734,8.46562419 C15.1701734,7.81362929 14.623585,7.28508233 13.9493349,7.28508233 L13.8742526,7.28508233 L13.8742526,7.28508227 C13.7542925,6.68517386 13.4870037,6.12192563 13.0948984,5.64278294 L13.9793676,4.7875076 L13.9793677,4.78750765 C13.5027312,4.32720852 12.7306096,4.32720852 12.2539755,4.78750754 L12.2014179,4.83833041 L12.2014177,4.83833027 C11.6779094,4.49581452 11.0768468,4.28015927 10.4489909,4.20957974 L10.4489909,3 L10.4489908,3 C9.7747407,3 9.2281524,3.52854696 9.2281524,4.18054186 C9.2281524,4.18054186 9.2281524,4.18054186 9.2281524,4.18054186 L9.2281524,4.25459796 L9.2281521,4.25459801 C8.6088563,4.36915604 8.0269787,4.6255948 7.53128576,5.00242027 L6.64681648,4.14714493 L6.6468164,4.14714502 C6.17080543,4.60804906 6.17080543,5.35468496 6.64681656,5.81558666 L6.69937421,5.86640952 L6.69937439,5.86640927 C6.3453915,6.37221243 6.12238478,6.95291269 6.0491609,7.55953956 L4.79829341,7.55953956 L4.79829341,7.55953974 C4.79829341,8.21153464 5.34488177,8.7400816 6.01913184,8.7400816 L6.01914478,8.74007905 Z M6.94566081,7.66118269 L6.94566077,7.66118301 C7.00273175,7.19312793 7.17469512,6.74505003 7.44721038,6.35431404 L7.71300215,5.9738685 L8.0914168,5.68345213 L8.0914167,5.68345221 C8.4743146,5.3916326 8.9237698,5.19249507 9.4023545,5.10261948 L9.8693664,5.01549457 L10.3468904,5.06922157 L10.3468906,5.06922159 C10.8309222,5.12440893 11.2942948,5.29069613 11.6983681,5.55421641 L12.0917998,5.81123511 L12.3921292,6.17715936 L12.3921293,6.17715949 C12.6939099,6.54741891 12.8998448,6.9820388 12.9927882,7.44482673 L13.082887,7.89642388 L13.0273261,8.35818605 L13.0273262,8.35818554 C12.9702552,8.82624062 12.7982918,9.2743185 12.5257765,9.6650545 L12.2599848,10.0455 L11.8815701,10.3359164 L11.8815701,10.3359164 C11.4986723,10.627736 11.0492171,10.8268735 10.5706324,10.9167491 L10.1036204,11.003874 L9.6260965,10.950147 L9.6260964,10.950147 C9.1420648,10.8949597 8.6786922,10.7286725 8.2746188,10.4651522 L7.87818428,10.2081335 L7.57785485,9.8422093 L7.57785491,9.8422093 C7.27607434,9.4719499 7.07013946,9.03733 6.97719605,8.57454209 L6.88709722,8.12294494 L6.94566081,7.66118269 Z M10.0675802,15.0000023 L10.0675803,15.0000023 C9.7792418,15.0005274 9.4986538,14.9097453 9.2687041,14.7415254 L8.81821,14.4148075 L8.81821,14.4148075 C8.6679349,14.3054163 8.4609284,14.3054163 8.3106533,14.4148075 L7.86015919,14.7415254 L7.86015921,14.7415253 C7.38767244,15.0859168 6.73639575,15.0859168 6.26391505,14.7415254 L5.8134209,14.4148075 L5.81342091,14.4148075 C5.66314587,14.3054163 5.4561393,14.3054163 5.30586427,14.4148075 L4.72322527,14.8417195 L4.72322528,14.8417195 C4.52501406,14.9872759 4.24230685,14.9498939 4.09178329,14.7582249 C3.94125852,14.5665561 3.97991648,14.2931803 4.17812794,14.1476251 L4.76076694,13.7207131 L4.76076684,13.7207132 C5.2332536,13.3763217 5.88453029,13.3763217 6.357011,13.720713 L6.80750514,14.0474308 L6.80750512,14.0474308 C6.95778016,14.1568221 7.16478673,14.1568221 7.31506176,14.0474308 L7.76555591,13.720713 L7.76555581,13.7207131 C8.2380426,13.3763217 8.8893193,13.3763217 9.3618,13.7207129 L9.8122941,14.0474308 L9.8122941,14.0474308 C9.9625691,14.156822 10.1695757,14.156822 10.3198507,14.0474308 L10.7703449,13.720713 L10.7703448,13.720713 C11.2428316,13.3763216 11.8941082,13.3763216 12.3665889,13.7207129 L12.8170831,14.0474307 L12.8170831,14.0474307 C12.9673581,14.1568219 13.1743647,14.1568219 13.3246397,14.0474307 L13.7751339,13.7207129 L13.7751338,13.720713 C14.2476205,13.3763215 14.8988972,13.3763215 15.3713779,13.7207128 L15.8218721,14.0474307 L15.8218721,14.0474307 C16.0200833,14.192987 16.0587416,14.4663617 15.9082167,14.6580305 C15.7576919,14.8496993 15.474986,14.8870816 15.2767747,14.7415251 L14.8262806,14.4148073 L14.8262806,14.4148073 C14.6760056,14.3054161 14.468999,14.3054161 14.318724,14.4148073 L13.8682298,14.7415251 L13.8682298,14.7415251 C13.395743,15.0859165 12.7444664,15.0859165 12.2719857,14.7415251 L11.8214915,14.4148073 L11.8214915,14.4148073 C11.6712165,14.3054161 11.4642099,14.3054161 11.3139349,14.4148073 L10.8634407,14.7415251 L10.8634407,14.7415251 C10.6343627,14.9092403 10.3548973,15.0000023 10.0675675,15.0000023 L10.0675802,15.0000023 Z M10.0675802,13.3373635 L10.0675803,13.3373635 C9.7792418,13.3378886 9.4986538,13.2471066 9.2687041,13.0788866 L8.81821,12.7521688 L8.81821,12.7521688 C8.6679349,12.6427776 8.4609284,12.6427776 8.3106533,12.7521688 L7.86015919,13.0788866 L7.86015921,13.0788866 C7.38767244,13.423278 6.73639575,13.423278 6.26391505,13.0788866 L5.8134209,12.7521688 L5.81342091,12.7521688 C5.66314587,12.6427776 5.4561393,12.6427776 5.30586427,12.7521688 L4.72322527,13.1790808 L4.72322528,13.1790808 C4.52501407,13.3246371 4.24230807,13.2872552 4.0917833,13.0955861 C3.94125853,12.9039173 3.97991649,12.6305427 4.17812795,12.4849863 L4.76076695,12.0580743 L4.76076684,12.0580744 C5.23325361,11.713683 5.8845303,11.713683 6.357011,12.0580743 L6.80750515,12.3847921 L6.80750513,12.3847921 C6.95778017,12.4941833 7.16478674,12.4941833 7.31506177,12.3847921 L7.76555592,12.0580743 L7.76555581,12.0580743 C8.2380426,11.7136829 8.8893193,11.7136829 9.3618,12.0580742 L9.8122941,12.384792 L9.8122941,12.384792 C9.9625691,12.4941832 10.1695757,12.4941832 10.3198507,12.384792 L10.7703449,12.0580742 L10.7703448,12.0580743 C11.2428316,11.7136828 11.8941082,11.7136828 12.3665889,12.0580741 L12.8170831,12.384792 L12.8170831,12.3847919 C12.9673581,12.4941832 13.1743647,12.4941832 13.3246397,12.384792 L13.7751339,12.0580741 L13.7751338,12.0580742 C14.2476205,11.7136828 14.8988972,11.7136828 15.3713779,12.0580741 L15.8218721,12.3847919 L15.8218721,12.3847919 C16.0200833,12.5303483 16.0587416,12.8037229 15.9082167,12.9953917 C15.757692,13.1870605 15.474986,13.2244428 15.2767747,13.0788864 L14.8262806,12.7521685 L14.8262806,12.7521685 C14.6760056,12.6427773 14.468999,12.6427773 14.318724,12.7521685 L13.8682298,13.0788863 L13.8682298,13.0788863 C13.3957431,13.4232778 12.7444664,13.4232778 12.2719857,13.0788864 L11.8214915,12.7521685 L11.8214915,12.7521685 C11.6712165,12.6427773 11.4642099,12.6427773 11.3139349,12.7521685 L10.8634407,13.0788863 L10.8634408,13.0788863 C10.6343107,13.2465065 10.3548792,13.3372555 10.0675688,13.3373635 L10.0675802,13.3373635 Z M10.0480588,6.21344422 L10.9490471,6.21344422 C10.9490471,6.21344422 11.1307465,6.27443749 10.7328099,6.73184257 C10.3348733,7.18924847 10.0465579,7.59583045 10.0465579,7.59583045 L11.2974254,7.59583045 C11.2974254,7.59583045 10.6667339,8.42496934 9.1290531,10.2691095 L10.0525662,8.27104042 L9.0329479,8.27104042 C9.0329479,8.27104042 8.9113151,8.28410911 9.0930138,7.96610393 C9.2747133,7.64809864 10.0420547,6.21344422 10.0420547,6.21344422 L10.0480588,6.21344422 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-stllxfssXiehongzha.svg b/frontend/src/assets/legend/map-stllxfssXiehongzha.svg
new file mode 100644
index 0000000..262f7ba
--- /dev/null
+++ b/frontend/src/assets/legend/map-stllxfssXiehongzha.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-stllxfssXiehongzha</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-stllxfssXiehongzha" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M14.124294,10.128791 L14.124294,5.39041257 L14.2177027,5.29588898 L14.124294,5.29588898 L14.124294,4 L5.87570601,4 L5.87570601,6.20148892 L5.85762694,6.21978377 L5.87570601,6.21978377 L5.87570601,10.1287873 L4,11.8972925 L4,14.9174774 L6.7796597,14.9174774 L6.7796597,11.3179613 L13.2203403,11.3179613 L13.2203403,14.9174774 L16,14.9174774 L16,11.8972925 L14.124294,10.128791 Z M6.7796597,9.9458425 L13.2203403,9.9458425 L13.2203403,10.4032149 L6.7796597,10.4032149 L6.7796597,9.9458425 Z M13.2203403,4.91474081 L13.2203403,5.44834784 L12.4534851,6.22435566 L13.2203403,6.22435566 L13.2203403,9.1835498 L6.7796597,9.1835498 L6.7796597,6.14811994 L7.62335051,5.29588393 L6.7796597,5.29588393 L6.7796597,4.91474081 L13.2203403,4.91474081 L13.2203403,4.91474081 Z M5.87570601,14.0027299 L4.90395474,14.0027299 L4.90395474,12.2952046 L5.87570601,11.3804609 L5.87570601,14.0042544 L5.87570601,14.0027299 Z M15.0960463,14.0027299 L14.124295,14.0027299 L14.124295,11.3789364 L15.0960463,12.2936801 L15.0960463,14.0012054 L15.0960463,14.0027299 Z M12.8828653,13.9996808 L12.4308873,13.6566523 L12.4308874,13.6566523 C11.9568446,13.2950677 11.303419,13.2950677 10.8293805,13.6566523 L10.3774026,13.9996808 L10.3774026,13.9996808 C10.2266329,14.1145329 10.0189446,14.1145329 9.8681748,13.9996808 L9.4161969,13.6566523 L9.4161969,13.6566523 C8.9421542,13.2950677 8.2887285,13.2950677 7.81469007,13.6566523 L7.23013216,14.1048766 L7.23013213,14.1048766 C7.03126848,14.2576994 6.99248332,14.5447221 7.14350317,14.7459593 C7.29452344,14.9471964 7.57816088,14.9864445 7.77702453,14.8336222 L8.3615825,14.3853979 L8.3615824,14.3853979 C8.5123521,14.2705458 8.7200405,14.2705458 8.8708102,14.3853979 L9.3227881,14.7284263 L9.3227881,14.7284264 C9.796661,15.0905246 10.4504264,15.0905246 10.924295,14.7284263 L11.3762729,14.3853978 L11.3762729,14.3853978 C11.5270426,14.2705457 11.7347309,14.2705457 11.8855006,14.3853978 L12.3374785,14.7284263 L12.3374786,14.7284263 C12.5308863,14.8881195 12.8156034,14.8589176 12.9734131,14.6632017 C13.1312228,14.4674856 13.1023654,14.1793702 12.9089578,14.0196771 C12.9005015,14.0126948 12.8917981,14.0060249 12.8828647,13.9996802 L12.8828653,13.9996808 Z M12.8828653,12.2555739 L12.4308873,11.9125454 L12.4308874,11.9125455 C11.9570145,11.5504473 11.3032491,11.5504473 10.8293805,11.9125454 L10.3774026,12.2555739 L10.3774026,12.2555739 C10.2266329,12.370426 10.0189446,12.370426 9.8681749,12.2555739 L9.416197,11.9125454 L9.416197,11.9125455 C8.9423241,11.5504473 8.2885587,11.5504473 7.81469013,11.9125454 L7.23013221,12.3607697 L7.23013219,12.3607698 C7.03126853,12.5135925 6.99248337,12.8006152 7.14350322,13.0018524 C7.29452349,13.2030895 7.57816094,13.2423376 7.77702459,13.0895153 L8.3615825,12.641291 L8.3615825,12.641291 C8.5123522,12.5264389 8.7200405,12.5264389 8.8708102,12.641291 L9.3227881,12.9843194 L9.322788,12.9843194 C9.7968308,13.345904 10.4502564,13.345904 10.9242949,12.9843195 L11.3762728,12.641291 L11.3762728,12.641291 C11.5270425,12.526439 11.7347308,12.526439 11.8855005,12.641291 L12.3374784,12.9843195 L12.3374785,12.9843195 C12.5308862,13.1440127 12.8156033,13.1148109 12.973413,12.919095 C13.1312227,12.7233789 13.1023653,12.4352636 12.9089578,12.2755704 C12.9005015,12.2685881 12.8917979,12.2619181 12.8828645,12.2555735 L12.8828653,12.2555739 Z M8.064787,6.21979168 L8.9777819,5.2958999 L8.1265575,5.2958999 L7.21356256,6.21979168 L8.064787,6.21979168 Z M9.4207176,6.21979168 L10.3337125,5.2958999 L9.4809815,5.2958999 L8.5679866,6.21979168 L9.4207176,6.21979168 Z M10.6621463,6.21979168 L11.5751412,5.2958999 L10.7239167,5.2958999 L9.8094153,6.21979168 L10.6621463,6.21979168 L10.6621463,6.21979168 Z M12.0180768,6.21979168 L12.9310717,5.2958999 L12.0783407,5.2958999 L11.1653458,6.21979168 L12.0180768,6.21979168 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-yeshengdongwu.svg b/frontend/src/assets/legend/map-yeshengdongwu.svg
new file mode 100644
index 0000000..6efcded
--- /dev/null
+++ b/frontend/src/assets/legend/map-yeshengdongwu.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-yeshengdongwu</title>
+    <g id="版本v2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-yeshengdongwu">
+            <rect id="矩形" x="0" y="0" width="20" height="20"></rect>
+            <path d="M10,0.833333333 C14.6023729,0.833333333 18.3333333,4.56973328 18.3333333,9.17881625 C18.3333333,12.9984594 15.7709907,16.2187629 12.2738102,17.2098493 C11.7334272,17.7129262 11.2605992,18.2862273 10.8680556,18.9152129 L10.3534771,19.7397388 C10.2316422,19.9349588 9.97461842,19.9944492 9.77939842,19.8726143 C9.72556642,19.8390183 9.68011892,19.7935708 9.64652292,19.7397388 L9.13194442,18.9152129 C8.73940083,18.2862273 8.26657285,17.7129262 7.72647114,17.2092857 C4.22900924,16.2187629 1.66666667,12.9984594 1.66666667,9.17881625 C1.66666667,4.56973328 5.39762708,0.833333333 10,0.833333333 Z" id="路径" fill="#0AC266" fill-rule="nonzero"></path>
+            <path d="M10,1.66666667 C5.85813637,1.66666667 2.5,5.02969902 2.5,9.17881625 C2.5,12.4849549 4.6511398,15.3670502 7.73677222,16.3425423 L8.14742543,16.4623957 L8.29479559,16.5998172 C8.80416125,17.0747967 9.25839583,17.605544 9.64896125,18.1820122 L9.83889867,18.4740097 L10,18.7316667 L10.1611013,18.4740097 C10.5305343,17.8820553 10.9649781,17.3345389 11.4558727,16.84172 L11.7059846,16.5999161 L11.8531481,16.4629122 L12.0465949,16.4080902 C15.2477293,15.5009021 17.5,12.5617407 17.5,9.17881625 C17.5,5.02969902 14.1418637,1.66666667 10,1.66666667 Z" id="路径" fill="#00A050" fill-rule="nonzero"></path>
+            <path d="M13.781061,4 C13.9708993,4 14.1247939,4.15389993 14.1247939,4.34374329 L14.1247939,4.34374329 L14.1192586,4.54959246 C14.038424,6.04899824 13.0799357,7.31739603 11.7509749,7.85300593 C11.9390956,7.94536513 12.1152436,8.06033825 12.2755112,8.19537302 L12.2755112,8.19537302 L12.4211218,8.03821451 C12.9245186,7.53078048 13.60332,7.19064629 14.3110971,7.10846069 C14.4623396,7.09058611 14.6623921,7.07786765 14.8679443,7.13424135 C15.1137134,7.20126909 15.3141096,7.35767173 15.4175732,7.56288573 C15.5729405,7.87190984 15.5072875,8.25036984 15.2323012,8.62917359 C14.7246078,9.32903241 13.9182106,9.77074095 13.0588785,9.83330201 C13.0650657,9.88830073 13.075034,9.94123701 13.078815,9.99829819 C13.1363301,10.8751197 13.0209401,11.754703 12.739207,12.5870196 L12.739207,12.5870196 L12.6749615,12.7607729 C12.3017717,13.6929907 11.4434149,14.6970506 10.2732674,14.968809 C10.0934619,15.010397 9.9065378,15.010397 9.72673223,14.9688089 L9.72673223,14.9688089 L9.51102581,14.9094689 C8.38052946,14.5493128 7.57265978,13.5070964 7.260793,12.5866765 C6.97961954,11.7575707 6.86206292,10.8624664 6.92118496,9.99829886 C6.92496602,9.94123768 6.93493428,9.8883014 6.94112147,9.83295893 C6.09278884,9.77005413 5.26748631,9.31837707 4.76769877,8.62917425 C4.49271251,8.25037051 4.42705954,7.87191051 4.58242678,7.5628864 C4.68589036,7.35767239 4.8862866,7.20126976 5.13205558,7.13424006 C5.33795154,7.07855384 5.53766032,7.09092856 5.68890276,7.1084594 C6.46745763,7.19851982 7.21095174,7.60138551 7.72448859,8.19537178 C7.87504357,8.06681225 8.04965985,7.95234615 8.24902489,7.85334844 C6.85965679,7.29304889 5.87520596,5.93217409 5.87520596,4.34374205 C5.87520596,4.15389869 6.02910052,4 6.21893879,4 C6.40877706,4 6.56267162,4.15389869 6.56267162,4.34374205 L6.56267162,4.34374205 L6.56938301,4.54614453 C6.63132695,5.48578374 7.118865,6.35075882 7.89997494,6.88972129 L7.89997494,6.88972129 L7.80988036,6.71207032 C7.67163134,6.40913172 7.59405275,6.0729329 7.59405275,5.71859213 C7.59405275,5.52874876 7.74794731,5.37485008 7.93778558,5.37485008 C8.12762385,5.37485008 8.28151841,5.52874876 8.28151841,5.71859213 L8.28151841,5.71859213 L8.2878389,5.86667354 C8.36316496,6.74531251 9.10238859,7.4373024 10.0001826,7.4373024 C10.947854,7.4373024 11.7188467,6.66628898 11.7188467,5.71859213 C11.7188467,5.52874876 11.8727413,5.37485008 12.0625796,5.37485008 C12.2524178,5.37485008 12.4063124,5.52874876 12.4063124,5.71859213 L12.4063124,5.71859213 L12.3971382,5.92887474 C12.3667831,6.27528239 12.262231,6.60040508 12.1003902,6.88972131 C12.9372174,6.31213798 13.4369772,5.36034846 13.4373283,4.34352723 L13.4373283,4.34352723 L13.4443116,4.27446726 C13.4763635,4.11782963 13.6149525,4 13.781061,4 Z M10.6334997,8.19331089 C10.2160619,8.10236566 9.78393821,8.10236566 9.36650047,8.19331089 L9.36650047,8.19331089 L9.15678906,8.2440706 C8.54883568,8.40660628 8.13188088,8.66124695 7.91594791,9.00247969 C7.73926924,9.2812545 7.63546192,9.63221514 7.6069321,10.0457368 C7.55771278,10.8315634 7.66113232,11.6194889 7.91147939,12.3659957 L7.91147939,12.3659957 L7.96735963,12.5166119 C8.27234238,13.2741767 8.95788797,14.0845553 9.88209962,14.298857 C9.95969086,14.3166696 10.0403092,14.3166696 10.1179003,14.298857 L10.1179003,14.298857 L10.2995184,14.2482412 C11.1912772,13.9573466 11.8349102,13.1136344 12.0885206,12.3659954 C12.3389026,11.6193796 12.4423229,10.831338 12.3930682,10.0453954 L12.3930682,10.0453954 L12.3725411,9.84401117 C12.3279116,9.51713793 12.2312845,9.23450558 12.0840522,9.00247969 C11.8441267,8.62298846 11.3560261,8.3510885 10.6334997,8.19331089 Z M9.99999993,12.5935527 C10.0949192,12.5935527 10.1718663,12.6705019 10.1718663,12.7654237 L10.1718663,12.7654237 L10.1806282,12.8197482 C10.2033641,12.8880472 10.2677974,12.9372947 10.3437328,12.9372947 L10.3437328,12.9372947 L10.3980558,12.9460568 C10.466353,12.9687933 10.5155992,13.0332283 10.5155992,13.1091657 C10.5155992,13.2040875 10.438652,13.2810368 10.3437327,13.2810368 L10.3437327,13.2810368 L10.2469075,13.2716913 C10.153004,13.2533226 10.0685746,13.2088509 9.99999992,13.1469774 C9.90856699,13.2294755 9.78894797,13.2810368 9.65626709,13.2810368 C9.56134785,13.2810368 9.48440068,13.2040875 9.48440068,13.1091657 C9.48440068,13.014244 9.56134785,12.9372947 9.65626709,12.9372947 L9.65626709,12.9372947 L9.7105902,12.9285326 C9.77888733,12.9057961 9.82813352,12.8413611 9.82813352,12.7654237 L9.82813352,12.7654237 L9.83689538,12.7110991 C9.85963127,12.6428002 9.92406454,12.5935527 9.99999993,12.5935527 Z M8.96880145,10.1873583 C9.15863972,10.1873583 9.31253428,10.341257 9.31253428,10.5311004 L9.31253428,10.5311004 L9.30555084,10.6003764 C9.27349902,10.7570138 9.13490993,10.8748424 8.96880145,10.8748424 C8.77896317,10.8748424 8.62506861,10.7209438 8.62506861,10.5311004 L8.62506861,10.5311004 L8.63205205,10.4618244 C8.66410387,10.305187 8.80269296,10.1873583 8.96880145,10.1873583 Z M11.0311984,10.1873583 C11.2210367,10.1873583 11.3749313,10.341257 11.3749313,10.5311004 L11.3749313,10.5311004 L11.3679478,10.6003764 C11.335896,10.7570138 11.1973069,10.8748424 11.0311984,10.8748424 C10.8413602,10.8748424 10.6874656,10.7209438 10.6874656,10.5311004 L10.6874656,10.5311004 L10.694449,10.4618244 C10.7265009,10.305187 10.8650899,10.1873583 11.0311984,10.1873583 Z M5.60984422,7.79147616 C5.51944248,7.78082015 5.40497945,7.77188286 5.31285905,7.79766351 C5.24995594,7.81485062 5.208708,7.8481936 5.19667735,7.87225554 C5.17124112,7.92278562 5.20011468,8.05478257 5.3238585,8.22527863 C5.72361978,8.77664089 6.39458627,9.1331014 7.07448981,9.15647586 C7.07998954,9.15647586 7.08445806,9.15956954 7.08961406,9.15991328 C7.14011923,9.01310197 7.20397728,8.87122996 7.28038586,8.73607917 L7.28038586,8.73607917 L7.15342468,8.58603489 C6.75416519,8.15139471 6.19453376,7.85922772 5.60984422,7.79147616 Z M14.686797,7.79766441 C14.5946766,7.77257124 14.4795261,7.7811648 14.3898119,7.79147706 C13.7405006,7.86641283 13.121094,8.21909217 12.7189266,8.73608022 C12.7954479,8.87122134 12.8594211,9.01309228 12.910042,9.15991328 L12.910042,9.15991328 L12.9174753,9.1580227 C13.6054136,9.1331014 14.2760364,8.77664089 14.6761414,8.22527863 L14.6761414,8.22527863 C14.7995414,8.05443973 14.828415,7.92278652 14.8033225,7.87225644 C14.7909481,7.8481945 14.7497001,7.81485152 14.686797,7.79766441 Z" id="形状结合" stroke="#FFFFFF" stroke-width="0.2" fill="#FFFFFF" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-yuleifenbu.svg b/frontend/src/assets/legend/map-yuleifenbu.svg
new file mode 100644
index 0000000..b8eae26
--- /dev/null
+++ b/frontend/src/assets/legend/map-yuleifenbu.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-yuleifenbu</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-yuleifenbu" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <path d="M9.2875299,4.00044577 L9.4708807,4.01157403 C10.079569,4.07386324 10.6580992,4.38547759 11.0459125,4.86767649 C11.0499753,4.87247666 11.0499753,4.87887689 11.0540381,4.88367706 C11.5757024,4.76047269 12.1058986,4.69487037 12.6316257,4.69487037 C13.6192939,4.69487037 14.5630837,4.91967833 15.3610188,5.34529341 L15.3610188,5.34529341 C15.7902117,5.57230477 16.039692,6.0305035 15.9948171,6.50853418 L15.9948171,6.50853418 L15.9662312,6.74752888 C15.7014649,8.57548004 14.3943931,10.2945354 12.5048667,11.2759035 C11.4712888,11.8131225 10.3341094,12.0967326 9.2156189,12.0967326 C8.2088555,12.0967326 7.27441014,11.8695245 6.47728759,11.4407093 L6.47728759,11.4407093 L5.76548397,13.71759 C5.71307758,13.8853362 5.55573779,13.9998586 5.37748599,14 L5.37748599,14 C5.19797723,13.9996437 5.04049702,13.8843697 4.98867542,13.7159899 L4.98867542,13.7159899 L4.66283838,12.6579525 C4.4873861,12.086741 4.19756583,11.5558922 3.81046167,11.0966972 L3.81046167,11.0966972 L3.09297012,10.2418669 C3.00646361,10.138692 2.97807321,9.99976709 3.0173194,9.87167999 C3.08212497,9.66017269 3.30880797,9.54043779 3.52362757,9.60424429 L3.52362757,9.60424429 L5.85892851,10.299869 C6.01087746,8.63260987 7.04161136,7.02135279 8.6378879,5.94531467 C8.4550616,5.67370505 8.1418192,5.47809812 7.82288897,5.46009748 C7.73928277,5.45537294 7.65920296,5.42532725 7.59360705,5.37407194 C7.4178479,5.23673707 7.38844232,4.98512316 7.52792861,4.81207453 L7.52792861,4.81207453 L7.63908221,4.6855003 C8.0629432,4.23897877 8.6616087,3.98794291 9.2875299,4.00044577 L9.2875299,4.00044577 Z M4.56979955,10.7518848 C4.91870064,11.2010657 5.19170851,11.7027297 5.37829796,12.2375376 L5.37829796,12.2375376 L5.73419977,11.0986971 L4.56979955,10.7518848 Z M14.9738334,6.04851832 C13.5160986,5.27049076 11.4513805,5.33169293 9.745002,6.21812433 C7.89236242,7.18095844 6.69708488,8.88981897 6.64914376,10.6170802 C7.369073,11.062696 8.2519208,11.2971043 9.2160246,11.2971043 C10.202474,11.2971043 11.2084247,11.0450953 12.1254001,10.5682785 C13.8577806,9.66864659 15.0299001,8.08459045 15.1863182,6.43453199 C15.2013505,6.27412631 15.1200944,6.12612107 14.9738334,6.04851832 Z M12.5471193,7.00015203 C12.6593107,7.00015203 12.7502596,7.0896982 12.7502596,7.20015912 L12.7502596,7.20015912 L12.757221,7.31672421 C12.8163811,7.81381605 13.245331,8.19958052 13.7659611,8.20019454 L13.7659611,8.20019454 L13.8199639,8.20733899 C13.9059424,8.23062423 13.9691014,8.30815087 13.9691014,8.40020163 C13.9691014,8.51066254 13.8781525,8.60020871 13.7659611,8.60020871 L13.7659611,8.60020871 L13.6292051,8.59378797 C12.9090043,8.52582546 12.343979,7.92677309 12.343979,7.20015912 C12.343979,7.0896982 12.434928,7.00015203 12.5471193,7.00015203 Z M13.4535339,5.82330996 C13.6772422,5.82397554 13.8580477,6.00306688 13.8573762,6.22332432 L13.8573762,6.22332432 L13.848831,6.30390862 C13.8103029,6.48613382 13.6461084,6.62333868 13.4498749,6.62333868 C13.2254929,6.62333868 13.0435947,6.44424591 13.0435947,6.22332432 C13.0435947,6.00240275 13.2254929,5.82330996 13.4498753,5.82330996 L13.4498753,5.82330996 L13.4535339,5.82330996 Z M9.2716858,4.80007387 C9.0730247,4.79577072 8.8758631,4.83484098 8.694361,4.91447793 L8.694361,4.91447793 L8.8439478,5.01358899 C9.0365862,5.15454486 9.2012377,5.33000868 9.3289713,5.53129981 L9.3289713,5.53129981 L9.3655365,5.51049903 C9.6319195,5.37240164 9.9066782,5.25056694 10.1882548,5.1456861 L10.1882548,5.1456861 L10.0729016,5.06047982 C9.8344418,4.90058378 9.5520187,4.80521713 9.2716851,4.80007409 L9.2716858,4.80007387 Z" id="形状结合" fill="#FFFFFF" transform="translate(9.500000, 9.000000) rotate(28.000000) translate(-9.500000, -9.000000) "></path>
+            <path d="M14.7342545,13.2010363 C14.8993676,13.0542691 15.1521965,13.0691414 15.2989637,13.2342545 C15.4457309,13.3993676 15.4308586,13.6521965 15.2657455,13.7989637 C12.5478457,16.2148747 8.4521543,16.2148747 5.73425446,13.7989637 C5.56914136,13.6521965 5.55426907,13.3993676 5.70103627,13.2342545 C5.84780348,13.0691414 6.10063243,13.0542691 6.26574554,13.2010363 C8.6805366,15.3475172 12.3194634,15.3475172 14.7342545,13.2010363 Z" id="路径-4" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-yuleizengzhizhan.svg b/frontend/src/assets/legend/map-yuleizengzhizhan.svg
new file mode 100644
index 0000000..4476a07
--- /dev/null
+++ b/frontend/src/assets/legend/map-yuleizengzhizhan.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-yuleizengzhizhan</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-yuleizengzhizhan" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <g id="FishStation" transform="translate(3.000000, 6.000000)" fill="#FFFFFF">
+                <path d="M5.6875,0 C7.23394225,0.0346009169 8.17225694,0.641584577 9.07829916,1.43568808 L9.39767641,1.72310225 L10.0508951,2.32949261 L10.3959888,2.64094076 C10.5730229,2.79709933 10.7574911,2.95343914 10.9525581,3.10784291 L11.7181046,2.47665547 L13.3242308,1.11699611 C13.3839586,1.06799782 13.4531501,1.03819731 13.5243197,1.02686502 L13.5958714,1.02166179 C13.7152989,1.02315978 13.8332897,1.07528287 13.9151874,1.17465343 C13.9820291,1.25597327 14.0056702,1.35987974 13.9982295,1.46062909 L14,1.4875 L14,5.8625 L13.99475,5.91071625 L14,5.9637691 C13.99975,6.16989847 13.8510102,6.34115572 13.6550923,6.37647145 L13.5796095,6.38314519 C13.5067264,6.38329114 13.4355286,6.36430469 13.3729051,6.32865954 L13.313395,6.28755309 L11.7190486,4.81832963 L10.9525623,4.18637219 L10.7609572,4.34063394 L10.3977035,4.64612085 L9.57005501,5.3754637 L9.2550225,5.64595361 C8.36522505,6.3904209 7.47446073,6.93709728 5.95232926,6.99364114 L5.68710184,6.9984788 C3.47236442,6.9984788 1.60872784,5.53482432 0.11250012,3.97538903 C0.0424139449,3.90224074 0.00683706264,3.81096238 0.000897662086,3.71751402 L0.00192401744,3.64727026 C-0.00868522807,3.53035017 0.024892262,3.41058741 0.11250012,3.31915149 L0.458240881,2.96070383 L0.811749275,2.60187416 L1.17383394,2.24746188 C2.39597507,1.07878266 3.77453121,0.0637172038 5.44427466,0.00216948118 L5.6875,0 Z M5.66792719,0.874781061 L5.50975838,0.874872436 C4.12322267,0.902206398 2.99607336,1.6387584 1.17684353,3.47984885 L1.014125,3.64525 L1.19255483,3.82137073 C2.67679743,5.26189237 4.05280379,6.04664315 5.47362363,6.11811483 L5.68710184,6.1234788 C6.87707054,6.1234788 7.60543058,5.84479169 8.51322431,5.12215652 L8.73952823,4.93503885 L9.46660725,4.29919018 L10.0091111,3.83225954 L10.227875,3.647 L10.0485244,3.49754665 L9.72496034,3.2142297 L8.64506095,2.22125661 C7.58484173,1.26699289 6.85239682,0.901283011 5.66792719,0.874781061 Z M13.125,2.38534125 L12.2541409,3.12348827 L11.6183554,3.64804153 L12.2550875,4.17149571 L13.125,4.97359125 L13.125,2.38534125 Z" id="形状结合"></path>
+                <path d="M4.301522,0.632318664 C5.52099371,2.46152623 5.56454627,4.33210705 4.43217969,6.16426984 L4.301522,6.36768134 L3.573478,5.88231866 C4.60107031,4.3409302 4.64059309,2.84067957 3.69204634,1.30245555 L3.573478,1.11768134 L4.301522,0.632318664 Z" id="路径-15"></path>
+                <path d="M2.8875,3.9375 C2.64630934,3.9375 2.45,3.74124435 2.45,3.49996132 C2.45,3.25875453 2.64622847,3.0625 2.8875,3.0625 C3.12871058,3.0625 3.325,3.25875565 3.325,3.49996132 C3.325,3.74124435 3.12871176,3.9375 2.8875,3.9375 L2.8875,3.9375 Z" id="路径"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zhenxizhiwuyuan.svg b/frontend/src/assets/legend/map-zhenxizhiwuyuan.svg
new file mode 100644
index 0000000..da4e22e
--- /dev/null
+++ b/frontend/src/assets/legend/map-zhenxizhiwuyuan.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zhenxizhiwuyuan</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-zhenxizhiwuyuan" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.96954214,22.993339 9.73527812,22.8471372 C9.67067972,22.806822 9.6161427,22.7522849 9.57582748,22.6876865 L8.95833333,21.6982555 C8.48728096,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.56499354,19.489756 9.11007499,20.1266528 9.57875348,20.8184146 L9.80667838,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <g id="形状" transform="translate(3.500000, 6.000000)" fill="#FFFFFF">
+                <path d="M11.9475703,2.24651292 C11.7902916,1.29399515 11.3201332,0.573459306 11.0542274,0.228270208 L11.0542274,0.22827021 C10.9452234,0.0851050325 10.7851432,0.00173116508 10.6159441,0 C10.5551296,0 10.4943152,0.011599096 10.434759,0.0357252158 C10.2166659,0.12434231 10.0711307,0.338693605 10.0690336,0.594801645 C10.0648395,0.636558391 10.032545,0.853693469 9.8672975,1.12650421 C9.62068451,1.53479239 9.18701474,1.87626978 8.61368148,2.11242737 C8.37294023,2.21125167 7.95898271,2.4469453 7.59535438,2.98096768 L7.5953544,2.98096773 C7.39119617,2.50829732 7.11719703,2.07660941 6.78463517,1.70367528 C6.21130192,1.0708286 5.49704696,0.684810679 4.66074373,0.55814855 L4.66074362,0.558148535 C4.42505626,0.523943526 4.18755102,0.507357833 3.94984656,0.508504404 C2.42319473,0.508504404 0.719551944,1.10377001 0.646994041,1.12882406 L0.646994074,1.12882407 C0.341519535,1.07567077 0.0549315468,1.30652512 0.00688159598,1.64445028 C-0.0411674374,1.98237545 0.167518187,2.29940774 0.472992725,2.35256205 C0.558448398,2.36743151 0.645856424,2.36019443 0.728359583,2.33141863 C0.760654141,2.34162584 0.976230801,2.42560329 1.29959579,2.80744554 C1.63344603,3.20320669 2.1438678,3.99844072 2.67567949,5.53601689 C3.03343608,6.57019229 3.65416265,7.39836775 4.52192162,7.99734507 C4.86835415,8.23582249 5.25505002,8.43857468 5.66984636,8.59725032 C6.01502066,8.72901605 6.38200427,8.83340791 6.76031195,8.90532231 C7.23172861,8.99579526 7.38942672,9.12895288 7.69391826,9.69730859 L7.69391825,9.69730857 C7.84957959,9.98522423 8.18365788,10.0845966 8.44885597,9.92186707 C8.71350358,9.75808783 8.81332312,9.39294829 8.67324024,9.09601143 C8.66443263,9.07559702 8.4543083,8.60977732 8.37965335,8.09756124 C8.34190646,7.84006131 8.34651997,7.61503885 8.39349387,7.44801186 C8.43962895,7.28284074 8.52434974,7.17241734 8.66778791,7.09122367 C8.76299394,7.0369399 8.8888169,6.97337685 9.03561034,6.89867867 C9.34429599,6.74093097 9.7284754,6.54467426 10.1000725,6.30341307 C10.5677145,5.99905279 10.91205,5.69098079 11.1527912,5.35831872 C11.5243884,4.84471075 11.7777119,4.30048116 11.9035348,3.74233266 L11.903535,3.7423322 C12.0150593,3.25299678 12.0300788,2.74283954 11.9475729,2.24651277 L11.9475703,2.24651292 Z M10.7157636,4.97276445 C10.1596262,5.74016065 8.94165998,6.24170556 8.41194534,6.54235413 L8.41194529,6.54235416 C8.25665486,6.62748558 8.12182902,6.75214556 8.01853886,6.90610181 L8.01853882,6.90610146 C8.00043146,6.7163649 8.01683086,6.52453905 8.06677109,6.34192143 C8.11710027,6.15633589 8.20517634,5.98374134 8.32344991,5.82924138 C8.38216729,5.75175942 8.44885345,5.67938106 8.51973372,5.61117838 C8.53818775,5.59447568 8.55664178,5.57684505 8.57467641,5.56153425 C8.59438867,5.54483155 8.61158447,5.52859281 8.63087733,5.51328201 C8.66778539,5.48266039 8.71475929,5.44600725 8.75711969,5.41167393 L8.75711973,5.41167389 C9.10836237,5.13319845 9.44421135,4.83170024 9.76286453,4.50880026 C9.92224027,4.34502102 10.0757443,4.17474629 10.2225377,3.99612021 C10.2959344,3.90611123 10.3672341,3.81331846 10.4360173,3.71681398 L10.4360174,3.71681389 C10.4881563,3.64338204 10.5382298,3.56818452 10.5861661,3.49132746 C10.5945543,3.47833648 10.6021037,3.46441756 10.6104919,3.45049865 L10.6230742,3.42915631 C10.6272683,3.42126892 10.631043,3.41523739 10.6364953,3.4036383 L10.6364953,3.4036383 C10.6912766,3.30690764 10.6648002,3.17936543 10.5773585,3.1187645 C10.4899168,3.05816372 10.3746223,3.08745274 10.3198409,3.18418341 C10.3198409,3.18418341 10.3198409,3.18418341 10.3198409,3.18418341 L10.3131303,3.19439061 L10.2971927,3.22083655 L10.2762222,3.25285006 L10.2762222,3.25285009 C10.2325635,3.31906571 10.1866757,3.38344736 10.1386558,3.44585905 C10.0736473,3.53030047 10.0044446,3.61288604 9.93356437,3.69407971 C9.79138444,3.85646705 9.63997748,4.01143098 9.48437643,4.15989941 L9.4843763,4.15989953 C9.16908495,4.4572438 8.83769482,4.73303986 8.49205261,4.98575517 C8.4488534,5.01823263 8.40817064,5.04792632 8.35784146,5.08457946 C8.3339351,5.10221009 8.31086756,5.12169657 8.2869612,5.14025513 L8.21691975,5.19871457 L8.21691991,5.19871443 C8.12396703,5.28069365 8.03701799,5.37067393 7.95688581,5.46781346 L7.95688567,5.46781363 C7.87494596,5.56742856 7.80151529,5.67521852 7.73753432,5.78980454 L7.73753422,5.78980472 C7.70570206,5.84828896 7.67631244,5.90835807 7.64945815,5.96982269 L7.64945812,5.96982277 C7.51884983,6.28143973 7.46240002,6.62481212 7.48546887,6.96734503 C7.48882415,7.02302069 7.49469589,7.07730446 7.50140645,7.13205219 L7.48421064,7.09632697 L7.46827307,7.06477743 L7.45191608,7.03322789 L7.38690756,6.9061018 L7.25605169,6.65231358 L7.2224989,6.5892145 L7.1885267,6.52704334 L7.11974349,6.40130914 C7.07360841,6.31779565 7.02915096,6.23428216 6.98175765,6.15123263 L6.83957771,5.90765161 L6.76743922,5.78470119 L6.76743923,5.78470122 C6.75567277,5.76415356 6.74350705,5.74388922 6.73095058,5.72392195 L6.69320369,5.66314269 L6.54263556,5.42188149 C6.5187292,5.38151664 6.49104815,5.34207971 6.46588356,5.30264279 L6.38787333,5.18479597 L6.30986309,5.06694915 L6.29057024,5.03771943 L6.26959975,5.00848971 L6.22849759,4.95003027 L6.06576657,4.71804835 C5.95252591,4.56679613 5.84096289,4.41461599 5.72185049,4.26893135 L5.7218511,4.26893211 C5.48594093,3.97336684 5.23352174,3.69444338 4.96607718,3.43380009 L4.86374118,3.33775958 L4.813412,3.28950734 L4.76056636,3.24264699 L4.65529449,3.14985422 L4.62887167,3.12665603 L4.60119062,3.10438576 L4.54750616,3.05984523 C4.51059809,3.03061551 4.47494826,3.00045786 4.4384596,2.97122814 L4.32731599,2.88771465 C4.30886196,2.87379573 4.29040793,2.85941285 4.27111507,2.84549394 L4.21365593,2.80466512 L4.15619678,2.76569216 C4.13690392,2.75270117 4.11844989,2.73878226 4.09915704,2.72625523 L3.98088346,2.65155705 C3.9611712,2.63856607 3.94062012,2.62743093 3.92132726,2.61583184 L3.86051284,2.58010662 C3.82024949,2.55644447 3.77914733,2.53463817 3.73762575,2.51329583 C3.71707467,2.50308862 3.69652359,2.49009764 3.67597251,2.47989043 L3.61306103,2.44973278 L3.61306109,2.44973281 C3.52801644,2.40876379 3.44139533,2.37192085 3.35344639,2.33930942 L3.28592141,2.31611122 L3.21713819,2.29476889 L3.14583852,2.27621033 L3.10809164,2.26832295 L3.08712114,2.26461124 L3.07705531,2.26321935 L3.06321478,2.26043556 L3.0632148,2.26043556 C2.96126675,2.24360513 2.86628746,2.32138591 2.85107337,2.43416393 C2.83619218,2.54447321 2.90319395,2.64791642 3.00240037,2.66779582 L3.01875735,2.67150753 L3.03805021,2.6756832 L3.06447303,2.68171473 C3.08292706,2.68681834 3.10138109,2.69192194 3.11941572,2.69841743 C3.13786975,2.70444896 3.1571626,2.70955256 3.17561664,2.71697599 L3.23181756,2.73878229 C3.30731133,2.7694039 3.38238569,2.80234533 3.45662123,2.84039037 L3.51282215,2.86962009 C3.53127618,2.8784354 3.54973022,2.8900345 3.56818425,2.89977774 C3.60467291,2.92158404 3.64158097,2.94060656 3.67723081,2.96334079 L3.73091527,2.99628222 C3.7493693,3.00788131 3.76740393,3.01808852 3.78459973,3.03061554 L3.89154924,3.10160201 C3.90958386,3.11320111 3.92594085,3.12712002 3.94397547,3.13964705 L3.99556288,3.17769208 L4.04715029,3.21573712 L4.09915711,3.25656593 L4.2010737,3.33775961 C4.23462649,3.36559744 4.26734046,3.39482716 4.30089325,3.42266499 L4.3499642,3.46581363 C4.35835239,3.47323705 4.36716,3.47973254 4.37512879,3.48715596 L4.39945456,3.51035415 L4.49591882,3.59897125 L4.54373155,3.64351178 L4.59112486,3.68990816 L4.68507266,3.78409282 L4.68507283,3.784093 C4.9338235,4.03759414 5.16776507,4.30831994 5.38548465,4.59463493 C5.49704767,4.73567994 5.60106131,4.88554026 5.70675259,5.03261679 L5.85941777,5.25995908 L5.89716466,5.31656267 L5.91645751,5.3444005 L5.93491155,5.37363022 L6.00830827,5.48962118 L6.08170499,5.60468421 C6.10561135,5.64412114 6.13119535,5.68216617 6.15384348,5.72113914 L6.29392637,5.95868862 L6.32957621,6.01807599 L6.36396781,6.07792733 L6.43023457,6.19855793 L6.56444572,6.43981913 C6.60806434,6.52054884 6.65042474,6.6031344 6.69278513,6.68571996 L6.75737425,6.80867038 L6.7892494,6.86944964 L6.82028572,6.9316208 L6.94191458,7.18169731 L7.00272901,7.30603962 L7.01740835,7.33758916 L7.03250711,7.3691387 L7.06102697,7.43270175 L7.06102693,7.43270166 C7.23660369,7.80954904 7.40302945,8.19152757 7.56012465,8.57822838 C7.37558432,8.44228698 7.15413592,8.35645367 6.85551611,8.29892215 C5.60022245,8.05951681 3.89616025,7.33758907 3.19868169,5.31795447 C2.00042645,1.84750493 0.818530824,1.72037884 0.818530824,1.72037884 C0.818530824,1.72037884 2.49407315,1.12882494 3.95152235,1.12882494 C4.17045429,1.12882494 4.38351449,1.14181593 4.58692827,1.17336547 C6.17733039,1.41323477 6.91716936,2.6895993 7.25437487,3.66253148 L7.25437487,3.66253148 C7.30176333,3.80231943 7.42307461,3.89444235 7.5580276,3.8931215 L7.55802761,3.8931215 C7.6794081,3.89411664 7.79104124,3.81973431 7.847001,3.70057651 C8.13010264,3.1104145 8.51344324,2.81626143 8.81164363,2.6947029 C10.5719067,1.96906345 10.6289465,0.630063805 10.6289465,0.630063805 C11.1829869,1.34967172 12.0926868,3.07144154 10.7161837,4.97276536 L10.7157636,4.97276445 Z"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zidongshuiwenjiance.svg b/frontend/src/assets/legend/map-zidongshuiwenjiance.svg
new file mode 100644
index 0000000..a0c16e7
--- /dev/null
+++ b/frontend/src/assets/legend/map-zidongshuiwenjiance.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-diwenshuijianhuan</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-diwenshuijianhuan" fill-rule="nonzero">
+            <path d="M10,0 C15.5228475,0 20,4.48367994 20,10.0145795 C20,14.5981513 16.9251889,18.4625155 12.7285722,19.6518192 C12.0801126,20.2555114 11.512719,20.9434728 11.0416667,21.6982555 L10.4241725,22.6876865 C10.2779707,22.9219506 9.9695421,22.993339 9.7352781,22.8471372 C9.6706797,22.806822 9.6161427,22.7522849 9.5758275,22.6876865 L8.9583333,21.6982555 C8.487281,20.9434728 7.91988742,20.2555114 7.27176537,19.6511428 C3.07481109,18.4625155 0,14.5981513 0,10.0145795 C0,4.48367994 4.4771525,0 10,0 Z" id="路径" fill="#0AC266"></path>
+            <path d="M10,1 C5.02976365,1 1,5.03563882 1,10.0145795 C1,13.9819459 3.58136776,17.4404602 7.28412666,18.6110508 L7.77691051,18.7548749 L7.95375471,18.9197807 C8.5649935,19.489756 9.110075,20.1266528 9.5787535,20.8184146 L9.8066784,21.1688117 L10,21.478 L10.1933216,21.1688117 C10.6366411,20.4584664 11.1579737,19.8014467 11.7470472,19.210064 L12.0471815,18.9198993 L12.2237777,18.7554947 L12.4559139,18.6897083 C16.2972752,17.6010825 19,14.0740888 19,10.0145795 C19,5.03563882 14.9702364,1 10,1 Z" id="路径" fill="#00A050"></path>
+            <g id="路径" transform="translate(4.000000, 3.000000)" fill="#FFFFFF">
+                <path d="M11.7366724,9.83654148 L11.7366724,9.83654147 C11.5243663,9.73673715 11.2759215,9.8382394 11.1817538,10.0632534 C11.1801467,10.0670934 11.178591,10.0709573 11.177087,10.074844 L11.1770871,10.0748439 C10.8407955,10.9229556 9.91947778,11.3215433 9.11925936,10.9651269 C8.73317419,10.793161 8.42781229,10.4649944 8.27093769,10.0534493 L8.27093769,10.0534493 C8.18149298,9.82068037 7.93182198,9.7077284 7.7113517,9.80029001 L7.71135173,9.80028999 C7.62999107,9.83497531 7.56082107,9.89561736 7.51342154,9.9738171 C7.49323607,10.002342 7.47248991,10.0391868 7.45174375,10.0748429 L7.45174375,10.0748429 C7.20674636,10.6920247 6.63688267,11.0937384 6.00511591,11.0946098 C5.37768424,11.0946098 4.81809825,10.6964486 4.56577837,10.0962363 L4.56577838,10.0962363 C4.52984852,9.95961932 4.43688401,9.84795309 4.31345965,9.79315833 L4.31345965,9.79315833 C4.0931446,9.70052909 3.8435373,9.8131871 3.75387365,10.0457229 L3.75387369,10.0457228 C3.51523862,10.6788101 2.9370279,11.0941832 2.29379216,11.0946097 L2.2937921,11.0946097 C1.64674564,11.0939516 1.06532098,10.6756792 0.825856845,10.0385921 L0.825856845,10.0385921 C0.738395114,9.80788035 0.4937773,9.69259454 0.273559989,9.77830207 L0.273560027,9.77830206 C0.0553607696,9.87077384 -0.0537532329,10.1305163 0.0274092972,10.3642517 L0.0274092075,10.3642515 C0.519358802,11.6898141 1.93204885,12.3417062 3.1827473,11.8203144 C3.5568748,11.6643453 3.88871517,11.4125668 4.1486105,11.0874775 L4.14861064,11.0874777 C5.01830413,12.1743094 6.55462436,12.3081331 7.5800713,11.3863828 C7.68387765,11.2930739 7.78011843,11.1907031 7.86778127,11.0803458 L7.86778127,11.0803458 C8.73088245,12.169638 10.2637335,12.3111165 11.2915147,11.3963568 C11.5870312,11.1333332 11.819197,10.799502 11.9687986,10.4224893 C12.0573903,10.204986 11.9547809,9.93756523 11.7366661,9.83653963"></path>
+                <path d="M6.36762472,7.25711134 L6.36762465,7.25711137 C6.9586305,7.04810828 7.26853436,6.39978569 7.06002494,5.808601 L7.06002496,5.80860109 C6.95063655,5.484035 6.69736408,5.22825672 6.37389135,5.11567821 L6.37389135,2.63118513 L6.37389136,2.63118891 C6.37331967,2.42090401 6.20299485,2.25057505 5.99270995,2.25 L5.99270994,2.25 C5.78242504,2.25057377 5.61209823,2.42090079 5.61152424,2.6311857 L5.61152424,5.11567878 L5.61152426,5.11567878 C5.02436923,5.33632105 4.72725144,5.99116947 4.94789371,6.5783245 C5.16231,7.14891118 5.78891126,7.44849194 6.36763005,7.25710559"></path>
+                <path d="M5.96982879,0.000291038734 C6.93796156,-0.0169793679 7.74330755,0.736456472 7.82180799,1.70572965 L7.82779409,1.82797281 L7.82779403,3.88304174 C7.91371879,3.95213132 7.99413895,4.02791159 8.06834606,4.10966061 L8.18501792,4.24892364 C9.1547449,5.43091897 9.03908597,7.17008453 7.94838257,8.20856809 L7.81490837,8.32813106 C6.61329662,9.3508957 4.82534803,9.18762878 3.82142334,7.96346643 C2.847455,6.77686329 2.96169398,5.03087853 4.05494084,3.98495634 L4.17581566,3.87562943 L4.17581566,1.82797281 C4.19303796,0.825930592 4.98624225,0.0178356234 5.96982879,0.000291038734 Z M5.98320469,0.750171753 C5.44047384,0.759852637 4.99175764,1.18503568 4.93232523,1.72538169 L4.92581566,1.82797281 L4.92581566,4.22116182 L4.66318055,4.44569562 C3.76939493,5.20981693 3.65113733,6.57387956 4.40134827,7.48787514 C5.11003842,8.35203538 6.34342976,8.49664034 7.22100735,7.84288657 L7.3418725,7.74579993 C8.1958765,7.01941583 8.33976493,5.74063931 7.69048402,4.8357289 L7.58201698,4.6959958 C7.53813117,4.63934855 7.490055,4.58639084 7.43825588,4.53757996 L7.35782342,4.46753094 L7.07779402,4.24236752 L7.07790483,1.84086058 C7.06793863,1.26096597 6.63053077,0.797152558 6.08640226,0.753382105 L5.98320469,0.750171753 Z" id="形状"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-ziranbaohuqu.svg b/frontend/src/assets/legend/map-ziranbaohuqu.svg
new file mode 100644
index 0000000..0d089e0
--- /dev/null
+++ b/frontend/src/assets/legend/map-ziranbaohuqu.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-ziranbaohuqu</title>
+    <g id="版本v2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="map-ziranbaohuqu" fill-rule="nonzero">
+            <rect id="矩形备份-9" x="0" y="0" width="24" height="24"></rect>
+            <path d="M12.321,13.181 L12.4435932,13.585209 L14.3387742,19.8940016 L14.5209305,20.5 L5.85953809,20.5 C4.55640118,20.5 3.5,19.4451215 3.5,18.143863 L3.5,14.795321 L3.88696425,14.7246369 L11.9065623,13.2572347 L12.321,13.181 Z M20.5,11.8878479 L20.5,18.143863 C20.5,19.4451215 19.4435988,20.5 18.1404619,20.5 L15.5647901,20.5 L15.4675772,20.1578889 L13.5818343,13.5456259 L13.4364868,13.0367003 L13.9593604,12.9518794 L19.9525872,11.9773811 L20.5,11.8878479 Z M9.92266267,3.5 L12.0132134,12.0763388 L3.5,13.5842665 L3.5,5.38490964 C3.5,4.88500052 3.69887478,4.40556638 4.05287416,4.05207725 C4.40687355,3.69858812 4.88699974,3.5 5.38763047,3.5 L5.38763047,3.5 L9.92266267,3.5 Z M18.6047305,3.50368146 C19.1053613,3.50368146 19.5854874,3.70226959 19.9394868,4.05575871 C20.2934862,4.40924784 20.492361,4.88868198 20.492361,5.3885911 L20.492361,10.8991244 L13.1117259,11.9857748 L11.0494896,3.50368146 L18.6047305,3.50368146 Z" id="形状结合" fill="#31AA00"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zjszzBudabiao.svg b/frontend/src/assets/legend/map-zjszzBudabiao.svg
new file mode 100644
index 0000000..5ad2ab5
--- /dev/null
+++ b/frontend/src/assets/legend/map-zjszzBudabiao.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zjszzBudabiao</title>
+    <g id="3-水质监测" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1-水质监测-水环境质量状况-全国" transform="translate(-160.000000, -835.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 733.000000)">
+                <g id="编组-9" transform="translate(142.000000, 73.000000)">
+                    <g id="map-zjszz-budabiao" transform="translate(0.000000, 28.000000)">
+                        <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                        <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#E42A36" fill-rule="nonzero"></path>
+                        <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#E55555" fill-rule="nonzero"></path>
+                        <g id="水质" transform="translate(6.000000, 4.500000)" fill="#FFFFFF">
+                            <path d="M7.79489247,0 L7.80102294,3.60709531 C7.80102294,4.00089729 7.8931683,4.39469927 8.06070532,4.74748021 L11.8637956,10.145849 L11.8721725,10.1704616 C12.06484,10.5724678 12.0397095,11.0319035 11.7967808,11.409297 C11.5454753,11.7784864 11.1350096,12 10.6826597,12 L1.31734035,12 C0.864990402,12 0.446147857,11.7784864 0.203219181,11.4010928 C-0.0397094951,11.0236993 -0.0648400478,10.5642636 0.127827523,10.1622574 L0.144581225,10.1294406 L3.74662711,4.75568441 C3.91416413,4.39469927 4.00630949,4.00089729 4.00630949,3.60709531 L4.00017902,0 L7.79489247,0 Z M7.04625,0.75 L4.75125,0.75 L4.75630949,3.60709531 C4.75630949,4.03535149 4.6722734,4.46493998 4.51287095,4.8706635 L4.42692934,5.07141986 L4.36961724,5.17327668 L0.798,10.5 L0.774890859,10.5599263 C0.735493725,10.6833948 0.742982761,10.8105329 0.796346032,10.926805 L0.833860807,10.9951481 C0.921581908,11.1314242 1.06571267,11.2213223 1.23232046,11.2442263 L1.31734035,11.25 L10.6826597,11.25 C10.8833153,11.25 11.0631688,11.1541839 11.1661392,11.0033523 C11.2521462,10.8697391 11.2723857,10.7162928 11.2251091,10.5681305 L11.2005,10.50675 L7.44757714,5.17942214 L7.38322194,5.06921965 C7.19364964,4.67003924 7.08148901,4.23438345 7.05641164,3.7962125 L7.05102403,3.60836997 L7.04625,0.75 Z" id="路径" fill-rule="nonzero"></path>
+                            <rect id="矩形" x="3" y="0" width="6" height="1"></rect>
+                            <path d="M4.27939861,8.04497943 C4.81696327,8.04497943 5.25879723,8.48681339 5.25879723,9.02437804 C5.25879723,9.52834491 4.8704666,9.94817347 4.37898565,9.99868342 L4.27939861,10.0037767 C3.74183396,10.0037767 3.3,9.5619427 3.3,9.02437804 C3.3,8.52041118 3.68833063,8.10058262 4.17981158,8.05007267 L4.27939861,8.04497943 Z M7.15131937,7.82406245 C7.75515911,7.82406245 8.24117647,8.31007981 8.24117647,8.91391955 C8.24117647,9.48223932 7.8106559,9.94619046 7.25658131,9.99880644 L7.15131937,10.0037767 C6.54747962,10.0037767 6.06146226,9.5177593 6.06146226,8.91391955 C6.06146226,8.34559979 6.49198283,7.88164865 7.04605742,7.82903267 L7.15131937,7.82406245 Z M4.27939861,8.79497943 C4.15604752,8.79497943 4.05,8.90102695 4.05,9.02437804 C4.05,9.14772914 4.15604752,9.25377666 4.27939861,9.25377666 C4.40274971,9.25377666 4.50879723,9.14772914 4.50879723,9.02437804 C4.50879723,8.90102695 4.40274971,8.79497943 4.27939861,8.79497943 Z M7.15131937,8.57406245 C6.96169318,8.57406245 6.81146226,8.72429337 6.81146226,8.91391955 C6.81146226,9.10354574 6.96169318,9.25377666 7.15131937,9.25377666 C7.34094555,9.25377666 7.49117647,9.10354574 7.49117647,8.91391955 C7.49117647,8.72429337 7.34094555,8.57406245 7.15131937,8.57406245 Z M5.88472868,4.9447778 C6.63584641,4.9447778 7.24705006,5.55598145 7.24705006,6.30709918 C7.24705006,7.02066103 6.68879285,7.60795041 5.99529118,7.66489545 L5.88472868,7.66942056 C5.13361094,7.66942056 4.52240729,7.05821691 4.52240729,6.30709918 C4.52240729,5.59353733 5.07401859,5.00624795 5.77316928,4.94930291 L5.88472868,4.9447778 Z M5.88472868,5.6947778 C5.5478245,5.6947778 5.27240729,5.97019501 5.27240729,6.30709918 C5.27240729,6.64400335 5.5478245,6.91942056 5.88472868,6.91942056 C6.2174346,6.91942056 6.49705006,6.64084457 6.49705006,6.30709918 C6.49705006,5.97019501 6.22163285,5.6947778 5.88472868,5.6947778 Z" id="形状" fill-rule="nonzero"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zjszzDabiao.svg b/frontend/src/assets/legend/map-zjszzDabiao.svg
new file mode 100644
index 0000000..8f50c4d
--- /dev/null
+++ b/frontend/src/assets/legend/map-zjszzDabiao.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="23px" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zjszzDabiao</title>
+    <g id="3-水质监测" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3.1-水质监测-水环境质量状况-全国" transform="translate(-160.000000, -807.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 733.000000)">
+                <g id="map-zjszz-dabiao" transform="translate(142.000000, 73.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#6AB200" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#78C300" fill-rule="nonzero"></path>
+                    <g id="水质" transform="translate(6.000000, 5.000000)" fill="#FFFFFF">
+                        <path d="M7.79489247,0 L7.80102294,3.60709531 C7.80102294,4.00089729 7.8931683,4.39469927 8.06070532,4.74748021 L11.8637956,10.145849 L11.8721725,10.1704616 C12.06484,10.5724678 12.0397095,11.0319035 11.7967808,11.409297 C11.5454753,11.7784864 11.1350096,12 10.6826597,12 L1.31734035,12 C0.864990402,12 0.446147857,11.7784864 0.203219181,11.4010928 C-0.0397094951,11.0236993 -0.0648400478,10.5642636 0.127827523,10.1622574 L0.144581225,10.1294406 L3.74662711,4.75568441 C3.91416413,4.39469927 4.00630949,4.00089729 4.00630949,3.60709531 L4.00017902,0 L7.79489247,0 Z M7.04625,0.75 L4.75125,0.75 L4.75630949,3.60709531 C4.75630949,4.03535149 4.6722734,4.46493998 4.51287095,4.8706635 L4.42692934,5.07141986 L4.36961724,5.17327668 L0.798,10.5 L0.774890859,10.5599263 C0.735493725,10.6833948 0.742982761,10.8105329 0.796346032,10.926805 L0.833860807,10.9951481 C0.921581908,11.1314242 1.06571267,11.2213223 1.23232046,11.2442263 L1.31734035,11.25 L10.6826597,11.25 C10.8833153,11.25 11.0631688,11.1541839 11.1661392,11.0033523 C11.2521462,10.8697391 11.2723857,10.7162928 11.2251091,10.5681305 L11.2005,10.50675 L7.44757714,5.17942214 L7.38322194,5.06921965 C7.19364964,4.67003924 7.08148901,4.23438345 7.05641164,3.7962125 L7.05102403,3.60836997 L7.04625,0.75 Z" id="路径" fill-rule="nonzero"></path>
+                        <rect id="矩形" x="3" y="0" width="6" height="1"></rect>
+                        <path d="M4.27939861,8.04497943 C4.81696327,8.04497943 5.25879723,8.48681339 5.25879723,9.02437804 C5.25879723,9.52834491 4.8704666,9.94817347 4.37898565,9.99868342 L4.27939861,10.0037767 C3.74183396,10.0037767 3.3,9.5619427 3.3,9.02437804 C3.3,8.52041118 3.68833063,8.10058262 4.17981158,8.05007267 L4.27939861,8.04497943 Z M7.15131937,7.82406245 C7.75515911,7.82406245 8.24117647,8.31007981 8.24117647,8.91391955 C8.24117647,9.48223932 7.8106559,9.94619046 7.25658131,9.99880644 L7.15131937,10.0037767 C6.54747962,10.0037767 6.06146226,9.5177593 6.06146226,8.91391955 C6.06146226,8.34559979 6.49198283,7.88164865 7.04605742,7.82903267 L7.15131937,7.82406245 Z M4.27939861,8.79497943 C4.15604752,8.79497943 4.05,8.90102695 4.05,9.02437804 C4.05,9.14772914 4.15604752,9.25377666 4.27939861,9.25377666 C4.40274971,9.25377666 4.50879723,9.14772914 4.50879723,9.02437804 C4.50879723,8.90102695 4.40274971,8.79497943 4.27939861,8.79497943 Z M7.15131937,8.57406245 C6.96169318,8.57406245 6.81146226,8.72429337 6.81146226,8.91391955 C6.81146226,9.10354574 6.96169318,9.25377666 7.15131937,9.25377666 C7.34094555,9.25377666 7.49117647,9.10354574 7.49117647,8.91391955 C7.49117647,8.72429337 7.34094555,8.57406245 7.15131937,8.57406245 Z M5.88472868,4.9447778 C6.63584641,4.9447778 7.24705006,5.55598145 7.24705006,6.30709918 C7.24705006,7.02066103 6.68879285,7.60795041 5.99529118,7.66489545 L5.88472868,7.66942056 C5.13361094,7.66942056 4.52240729,7.05821691 4.52240729,6.30709918 C4.52240729,5.59353733 5.07401859,5.00624795 5.77316928,4.94930291 L5.88472868,4.9447778 Z M5.88472868,5.6947778 C5.5478245,5.6947778 5.27240729,5.97019501 5.27240729,6.30709918 C5.27240729,6.64400335 5.5478245,6.91942056 5.88472868,6.91942056 C6.2174346,6.91942056 6.49705006,6.64084457 6.49705006,6.30709918 C6.49705006,5.97019501 6.22163285,5.6947778 5.88472868,5.6947778 Z" id="形状" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zjszzWudabiaoshujv.svg b/frontend/src/assets/legend/map-zjszzWudabiaoshujv.svg
new file mode 100644
index 0000000..f83185d
--- /dev/null
+++ b/frontend/src/assets/legend/map-zjszzWudabiaoshujv.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zjszzWudabiaoshujv</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-5" transform="translate(-318.000000, -271.000000)">
+            <g id="编组-9备份-5" transform="translate(318.000000, 129.000000)">
+                <g id="map-zjszzWudabiaoshujv" transform="translate(0.000000, 142.000000)">
+                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,1 C17.5228475,1 22,5.48367994 22,11.0145795 C22,15.5981513 18.9251889,19.4625155 14.7285722,20.6518192 C14.0801126,21.2555114 13.512719,21.9434728 13.0416667,22.6982555 L12.4241725,23.6876865 C12.2779707,23.9219506 11.9695421,23.993339 11.7352781,23.8471372 C11.6706797,23.806822 11.6161427,23.7522849 11.5758275,23.6876865 L10.9583333,22.6982555 C10.487281,21.9434728 9.91988742,21.2555114 9.27176537,20.6511428 C5.07481109,19.4625155 2,15.5981513 2,11.0145795 C2,5.48367994 6.4771525,1 12,1 Z" id="路径" fill="#6488B3" fill-rule="nonzero"></path>
+                    <path d="M12,2 C7.02976365,2 3,6.03563882 3,11.0145795 C3,14.9819459 5.58136776,18.4404602 9.28412666,19.6110508 L9.77691051,19.7548749 L9.95375471,19.9197807 C10.5649935,20.489756 11.110075,21.1266528 11.5787535,21.8184146 L11.8066784,22.1688117 L12,22.478 L12.1933216,22.1688117 C12.6366411,21.4584664 13.1579737,20.8014467 13.7470472,20.210064 L14.0471815,19.9198993 L14.2237777,19.7554947 L14.4559139,19.6897083 C18.2972752,18.6010825 21,15.0740888 21,11.0145795 C21,6.03563882 16.9702364,2 12,2 Z" id="路径" fill="#7399C6" fill-rule="nonzero"></path>
+                    <g id="水质" transform="translate(6.000000, 4.000000)" fill="#FFFFFF">
+                        <path d="M7.79489247,0 L7.80102294,3.60709531 C7.80102294,4.00089729 7.8931683,4.39469927 8.06070532,4.74748021 L11.8637956,10.145849 L11.8721725,10.1704616 C12.06484,10.5724678 12.0397095,11.0319035 11.7967808,11.409297 C11.5454753,11.7784864 11.1350096,12 10.6826597,12 L1.31734035,12 C0.864990402,12 0.446147857,11.7784864 0.203219181,11.4010928 C-0.0397094951,11.0236993 -0.0648400478,10.5642636 0.127827523,10.1622574 L0.144581225,10.1294406 L3.74662711,4.75568441 C3.91416413,4.39469927 4.00630949,4.00089729 4.00630949,3.60709531 L4.00017902,0 L7.79489247,0 Z M7.04625,0.75 L4.75125,0.75 L4.75630949,3.60709531 C4.75630949,4.03535149 4.6722734,4.46493998 4.51287095,4.8706635 L4.42692934,5.07141986 L4.36961724,5.17327668 L0.798,10.5 L0.774890859,10.5599263 C0.735493725,10.6833948 0.742982761,10.8105329 0.796346032,10.926805 L0.833860807,10.9951481 C0.921581908,11.1314242 1.06571267,11.2213223 1.23232046,11.2442263 L1.31734035,11.25 L10.6826597,11.25 C10.8833153,11.25 11.0631688,11.1541839 11.1661392,11.0033523 C11.2521462,10.8697391 11.2723857,10.7162928 11.2251091,10.5681305 L11.2005,10.50675 L7.44757714,5.17942214 L7.38322194,5.06921965 C7.19364964,4.67003924 7.08148901,4.23438345 7.05641164,3.7962125 L7.05102403,3.60836997 L7.04625,0.75 Z" id="路径" fill-rule="nonzero"></path>
+                        <rect id="矩形" x="3" y="0" width="6" height="1"></rect>
+                        <path d="M4.27939861,8.04497943 C4.81696327,8.04497943 5.25879723,8.48681339 5.25879723,9.02437804 C5.25879723,9.52834491 4.8704666,9.94817347 4.37898565,9.99868342 L4.27939861,10.0037767 C3.74183396,10.0037767 3.3,9.5619427 3.3,9.02437804 C3.3,8.52041118 3.68833063,8.10058262 4.17981158,8.05007267 L4.27939861,8.04497943 Z M7.15131937,7.82406245 C7.75515911,7.82406245 8.24117647,8.31007981 8.24117647,8.91391955 C8.24117647,9.48223932 7.8106559,9.94619046 7.25658131,9.99880644 L7.15131937,10.0037767 C6.54747962,10.0037767 6.06146226,9.5177593 6.06146226,8.91391955 C6.06146226,8.34559979 6.49198283,7.88164865 7.04605742,7.82903267 L7.15131937,7.82406245 Z M4.27939861,8.79497943 C4.15604752,8.79497943 4.05,8.90102695 4.05,9.02437804 C4.05,9.14772914 4.15604752,9.25377666 4.27939861,9.25377666 C4.40274971,9.25377666 4.50879723,9.14772914 4.50879723,9.02437804 C4.50879723,8.90102695 4.40274971,8.79497943 4.27939861,8.79497943 Z M7.15131937,8.57406245 C6.96169318,8.57406245 6.81146226,8.72429337 6.81146226,8.91391955 C6.81146226,9.10354574 6.96169318,9.25377666 7.15131937,9.25377666 C7.34094555,9.25377666 7.49117647,9.10354574 7.49117647,8.91391955 C7.49117647,8.72429337 7.34094555,8.57406245 7.15131937,8.57406245 Z M5.88472868,4.9447778 C6.63584641,4.9447778 7.24705006,5.55598145 7.24705006,6.30709918 C7.24705006,7.02066103 6.68879285,7.60795041 5.99529118,7.66489545 L5.88472868,7.66942056 C5.13361094,7.66942056 4.52240729,7.05821691 4.52240729,6.30709918 C4.52240729,5.59353733 5.07401859,5.00624795 5.77316928,4.94930291 L5.88472868,4.9447778 Z M5.88472868,5.6947778 C5.5478245,5.6947778 5.27240729,5.97019501 5.27240729,6.30709918 C5.27240729,6.64400335 5.5478245,6.91942056 5.88472868,6.91942056 C6.2174346,6.91942056 6.49705006,6.64084457 6.49705006,6.30709918 C6.49705006,5.97019501 6.22163285,5.6947778 5.88472868,5.6947778 Z" id="形状" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zxsdzDabiaolv-1.svg b/frontend/src/assets/legend/map-zxsdzDabiaolv-1.svg
new file mode 100644
index 0000000..d284446
--- /dev/null
+++ b/frontend/src/assets/legend/map-zxsdzDabiaolv-1.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zxsdzDabiaolv-1</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-264.000000, -839.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(248.000000, 73.000000)">
+                    <g id="map-zxsdzDabiaolv-1" transform="translate(0.000000, 29.000000)">
+                        <rect id="矩形" stroke="#008E43" stroke-width="1.25" fill="#00A050" x="0.625" y="0.625" width="16.75" height="12.75"></rect>
+                        <rect id="矩形" fill="#FFFFFF" x="1" y="1" width="16" height="6"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zxsdzDabiaolv-2.svg b/frontend/src/assets/legend/map-zxsdzDabiaolv-2.svg
new file mode 100644
index 0000000..39047b8
--- /dev/null
+++ b/frontend/src/assets/legend/map-zxsdzDabiaolv-2.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zxsdzDabiaolv-2</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-264.000000, -867.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(248.000000, 73.000000)">
+                    <g id="map-zxsdzDabiaolv-2" transform="translate(0.000000, 57.000000)">
+                        <rect id="矩形" stroke="#97BF21" stroke-width="1.25" fill="#A9D22E" x="0.625" y="0.625" width="16.75" height="12.75"></rect>
+                        <rect id="矩形" fill="#FFFFFF" x="1" y="1" width="16" height="6"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zxsdzDabiaolv-3.svg b/frontend/src/assets/legend/map-zxsdzDabiaolv-3.svg
new file mode 100644
index 0000000..a8eeb61
--- /dev/null
+++ b/frontend/src/assets/legend/map-zxsdzDabiaolv-3.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zxsdzDabiaolv-3</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-264.000000, -895.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(248.000000, 73.000000)">
+                    <g id="map-zxsdzDabiaolv-3" transform="translate(0.000000, 85.000000)">
+                        <rect id="矩形" stroke="#E69818" stroke-width="1.25" fill="#F7A737" x="0.625" y="0.625" width="16.75" height="12.75"></rect>
+                        <rect id="矩形" fill="#FFFFFF" x="1" y="1" width="16" height="6"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zxsdzDabiaolv-4.svg b/frontend/src/assets/legend/map-zxsdzDabiaolv-4.svg
new file mode 100644
index 0000000..83d95b5
--- /dev/null
+++ b/frontend/src/assets/legend/map-zxsdzDabiaolv-4.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zxsdzDabiaolv-4</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-264.000000, -923.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(248.000000, 73.000000)">
+                    <g id="map-zxsdzDabiaolv-4" transform="translate(0.000000, 113.000000)">
+                        <rect id="矩形" stroke="#E42A36" stroke-width="1.25" fill="#F8515C" x="0.625" y="0.625" width="16.75" height="12.75"></rect>
+                        <rect id="矩形" fill="#FFFFFF" x="1" y="1" width="16" height="6"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zxsdzDabiaolv-5.svg b/frontend/src/assets/legend/map-zxsdzDabiaolv-5.svg
new file mode 100644
index 0000000..4e7d951
--- /dev/null
+++ b/frontend/src/assets/legend/map-zxsdzDabiaolv-5.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zxsdzDabiaolv-5</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.2-首页-生态流量泄放状况-全国" transform="translate(-264.000000, -951.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(248.000000, 73.000000)">
+                    <g id="map-zxsdzDabiaolv-5" transform="translate(0.000000, 141.000000)">
+                        <rect id="矩形" stroke="#91938E" stroke-width="1.25" fill="#A0A29E" x="0.625" y="0.625" width="16.75" height="12.75"></rect>
+                        <rect id="矩形" fill="#FFFFFF" x="1" y="1" width="16" height="6"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zxsdzGuihua.svg b/frontend/src/assets/legend/map-zxsdzGuihua.svg
new file mode 100644
index 0000000..353f0a1
--- /dev/null
+++ b/frontend/src/assets/legend/map-zxsdzGuihua.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zxsdzGuihua</title>
+    <defs>
+        <polygon id="path-1" points="18 0 18 14 0 14 0 0"></polygon>
+    </defs>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1-首页-水电开发-基地" transform="translate(-159.000000, -955.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(142.000000, 74.000000)">
+                    <g id="map-shuikuzhongxing-guihua" transform="translate(1.000000, 144.000000)">
+                        <g id="路径" fill-rule="nonzero">
+                            <use fill="#9DA2A7" xlink:href="#path-1"></use>
+                            <use fill="#9AB596" xlink:href="#path-1"></use>
+                            <use fill="#96B0B5" xlink:href="#path-1"></use>
+                            <use fill-opacity="0.35" fill="#FFFFFF" xlink:href="#path-1"></use>
+                        </g>
+                        <rect id="矩形" fill="#FFFFFF" x="1" y="1" width="16" height="9"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zxsdzYijian.svg b/frontend/src/assets/legend/map-zxsdzYijian.svg
new file mode 100644
index 0000000..264a762
--- /dev/null
+++ b/frontend/src/assets/legend/map-zxsdzYijian.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zxsdzYijian</title>
+    <defs>
+        <polygon id="path-1" points="18 0 18 14 0 14 0 0"></polygon>
+    </defs>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1-首页-水电开发-全国" transform="translate(-159.000000, -899.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(142.000000, 74.000000)">
+                    <g id="map-shuikuzhongxing-yijian" transform="translate(1.000000, 88.000000)">
+                        <g id="路径" fill-rule="nonzero">
+                            <use fill="#71B603" xlink:href="#path-1"></use>
+                            <use fill="#78C300" xlink:href="#path-1"></use>
+                        </g>
+                        <rect id="矩形" fill="#FFFFFF" x="1" y="1" width="16" height="6"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/map-zxsdzZaijian.svg b/frontend/src/assets/legend/map-zxsdzZaijian.svg
new file mode 100644
index 0000000..6109db9
--- /dev/null
+++ b/frontend/src/assets/legend/map-zxsdzZaijian.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map-zxsdzZaijian</title>
+    <g id="1-首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.1-首页-水电开发-全国" transform="translate(-159.000000, -927.000000)">
+            <g id="图例备份-4" transform="translate(16.000000, 737.000000)">
+                <g id="编组-9" transform="translate(142.000000, 74.000000)">
+                    <g id="map-shuikuzhongxing-zaijian" transform="translate(1.000000, 116.000000)">
+                        <polygon id="路径" fill="#669ECF" fill-rule="nonzero" points="18 0 18 14 0 14 0 0"></polygon>
+                        <rect id="矩形" fill="#FFFFFF" x="1" y="1" width="16" height="6"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/sdzGaojing0.svg b/frontend/src/assets/legend/sdzGaojing0.svg
new file mode 100644
index 0000000..0e95569
--- /dev/null
+++ b/frontend/src/assets/legend/sdzGaojing0.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>sdzGaojing0</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="10.1-运行告警-运行告警-全国" transform="translate(-128.000000, -1008.000000)" fill="#78C300">
+            <g id="图例备份-4" transform="translate(16.000000, 841.000000)">
+                <g id="编组-9" transform="translate(112.000000, 82.000000)">
+                    <g id="sdzGaojing0" transform="translate(0.000000, 85.000000)">
+                        <circle id="椭圆形备份-4" opacity="0.200000003" transform="translate(10.000000, 10.000000) rotate(-360.000000) translate(-10.000000, -10.000000) " cx="10" cy="10" r="10"></circle>
+                        <circle id="椭圆形备份-5" cx="10" cy="10" r="6"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/sdzGaojing1.svg b/frontend/src/assets/legend/sdzGaojing1.svg
new file mode 100644
index 0000000..de5a2ef
--- /dev/null
+++ b/frontend/src/assets/legend/sdzGaojing1.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>sdzGaojing1</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="10.1-运行告警-运行告警-全国" transform="translate(-128.000000, -980.000000)" fill="#EECA47">
+            <g id="图例备份-4" transform="translate(16.000000, 841.000000)">
+                <g id="编组-9" transform="translate(112.000000, 82.000000)">
+                    <g id="sdzGaojing1" transform="translate(0.000000, 57.000000)">
+                        <circle id="椭圆形备份-6" opacity="0.200000003" cx="10" cy="10" r="10"></circle>
+                        <circle id="椭圆形备份-3" cx="10" cy="10" r="6"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/sdzGaojing2.svg b/frontend/src/assets/legend/sdzGaojing2.svg
new file mode 100644
index 0000000..735cda2
--- /dev/null
+++ b/frontend/src/assets/legend/sdzGaojing2.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>sdzGaojing2</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="10.1-运行告警-运行告警-全国" transform="translate(-128.000000, -952.000000)" fill="#F7A737">
+            <g id="图例备份-4" transform="translate(16.000000, 841.000000)">
+                <g id="编组-9" transform="translate(112.000000, 82.000000)">
+                    <g id="sdzGaojing2" transform="translate(0.000000, 29.000000)">
+                        <circle id="椭圆形备份-2" opacity="0.200000003" cx="10" cy="10" r="10"></circle>
+                        <circle id="椭圆形备份-8" cx="10" cy="10" r="6"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/sdzGaojing3.svg b/frontend/src/assets/legend/sdzGaojing3.svg
new file mode 100644
index 0000000..8b69b64
--- /dev/null
+++ b/frontend/src/assets/legend/sdzGaojing3.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>sdzGaojing3</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="10.1-运行告警-运行告警-全国" transform="translate(-128.000000, -924.000000)" fill="#E55555">
+            <g id="图例备份-4" transform="translate(16.000000, 841.000000)">
+                <g id="编组-9" transform="translate(112.000000, 82.000000)">
+                    <g id="sdzGaojing3" transform="translate(0.000000, 1.000000)">
+                        <circle id="椭圆形" opacity="0.200000003" cx="10" cy="10" r="10"></circle>
+                        <circle id="椭圆形备份-9" cx="10" cy="10" r="6"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/yijiansheshi.svg b/frontend/src/assets/legend/yijiansheshi.svg
new file mode 100644
index 0000000..3f0b8f1
--- /dev/null
+++ b/frontend/src/assets/legend/yijiansheshi.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="12px" viewBox="0 0 20 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>yijiansheshi</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-4" transform="translate(-14.000000, -136.000000)" fill="#00A050" stroke="#0AC266">
+            <g id="编组-9备份-3" transform="translate(14.000000, 131.000000)">
+                <g id="yijiansheshi" transform="translate(0.000000, 5.000000)">
+                    <rect id="矩形" x="0.5" y="0.5" width="19" height="11"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/assets/legend/zweijiansheshi.svg b/frontend/src/assets/legend/zweijiansheshi.svg
new file mode 100644
index 0000000..67326ae
--- /dev/null
+++ b/frontend/src/assets/legend/zweijiansheshi.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="12px" viewBox="0 0 20 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>zweijiansheshi</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="图例备份-4" transform="translate(-14.000000, -164.000000)" fill="#AAB3B6" stroke="#BBC4C7">
+            <g id="编组-9备份-3" transform="translate(14.000000, 131.000000)">
+                <g id="zweijiansheshi" transform="translate(0.000000, 33.000000)">
+                    <rect id="矩形" x="0.5" y="0.5" width="19" height="11"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/components/mapLegend/LegendItem.vue b/frontend/src/components/mapLegend/LegendItem.vue
index 8bb49a9..453890c 100644
--- a/frontend/src/components/mapLegend/LegendItem.vue
+++ b/frontend/src/components/mapLegend/LegendItem.vue
@@ -4,8 +4,8 @@
     class="legendItem"
     :class="{ gray: item.checked == 0, disabled: item.canBeChecked == 0 }"
   >
-    <div class="legendIcon" :class="{ smallIcon: item.layerCode == 'eng_point' }">
-        <img :src="getIconPath(item.icon)"  alt="" />
+    <div class="legendIcon" :class="{ smallIcon: item.layerCode == 'eng_point' || item.layerCode == 'ef_point' }">
+      <img :src="getIconPath(item.icon)" alt="" />
     </div>
     <div class="legendIconTitle">
       <span v-html="item.name" style="white-space: pre-wrap"></span>
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { getIconPath } from '@/utils/index';
+import { getIconPath } from "@/utils/index";
 defineProps<{ item: any }>();
 </script>
 <style scoped lang="scss">
@@ -28,12 +28,19 @@ defineProps<{ item: any }>();
   .legendIcon {
     width: 25px !important;
     height: 25px !important;
-    // background-color: red;
     text-align: center;
+    img {
+      max-width: 80%;
+      max-height: 80%;
+      vertical-align: middle;
+      display: inline-block;
+    }
   }
   .smallIcon {
     width: 22px !important;
     height: 22px !important;
+    text-align: center;
+    
   }
   .legendIconTitle {
     cursor: pointer;
diff --git a/frontend/src/components/mapLegend/index.vue b/frontend/src/components/mapLegend/index.vue
index 2ad39ad..737c06c 100644
--- a/frontend/src/components/mapLegend/index.vue
+++ b/frontend/src/components/mapLegend/index.vue
@@ -8,7 +8,7 @@
     </div>
 
     <div class="legendContent" v-show="isOpen">
-      <a-spin :spinning="legendData.length === 0">
+      <a-spin :spinning="loadLegendData">
         <div class="legendGroup" v-for="i in legendData">
           <div class="groupTitle">{{ i.name }} {{ i.layerCode }}</div>
           <div class="groupContent">
@@ -42,6 +42,7 @@ import LegendItem from "@/components/mapLegend/LegendItem.vue";
 const mapStore: any = useMapStore();
 // 图层数据
 const legendData = ref(mapStore.legendDataSelected);
+const loadLegendData = ref(false);
 const legendItemClick = (item: any) => {
   if (item.canBeChecked == 0) {
     return;
diff --git a/frontend/src/store/modules/map.ts b/frontend/src/store/modules/map.ts
index febac9c..604463b 100644
--- a/frontend/src/store/modules/map.ts
+++ b/frontend/src/store/modules/map.ts
@@ -5168,87 +5168,78 @@ export const useMapStore = defineStore('map', () => {
       maxVal: null
     }
   ]);
-  const legendDataSelected = ref([]);
-const updateLayerData = (checkKeys: string[]) => {
-  console.log(checkKeys)
-  let selectedLegend: any = [];
-  const addedParents = new Set();
-
-  layerData.value.forEach((item: any) => {
-    if (item.children && item.children.length > 0) {
-      item.children.forEach((child: any) => {
-        let checked = checkKeys.find((e: any) => e == child.key);
-        child.checked = checked ? 1 : 0;
-        if (child.key != "-" && child.key != "customBaseLayer" && child.checked == 1) {
-          selectedLegend.push(...getlegendData(child.key, addedParents, checkKeys));
+  const legendDataSelected: any = ref([]);
+  // 递归过滤 childrenList（同时处理 ifShow 和 layerCode 匹配）
+  const filterChildrenList = (
+    childrenList: any[],
+    checkKeys: string[]
+  ): any[] => {
+    return childrenList
+      .filter(child => child.ifShow !== 0) // 过滤 ifShow == 0
+      .map(child => {
+        if (child.childrenList?.length > 0) {
+          const filtered = filterChildrenList(child.childrenList, checkKeys);
+          return filtered.length > 0
+            ? { ...child, childrenList: filtered }
+            : null;
         }
-      });
-    } else {
-      let checked = checkKeys.find((e: any) => e == item.key);
-      item.checked = checked ? 1 : 0;
-      if (item.key != "-" && item.checked == 1) {
-        selectedLegend.push(...getlegendData(item.key, addedParents, checkKeys));
-      }
-    }
-  });
-  legendDataSelected.value = selectedLegend;
-};
+        return checkKeys.includes(child.layerCode) ? child : null;
+      })
+      .filter(Boolean); // 移除 null 项
+  };
 
-// 递归检查是否包含匹配的 layerCode（任意层级）
-const hasLayerCode = (childrenList: any[], key: string): boolean => {
-  for (const child of childrenList) {
-    if (child.layerCode == key) {
-      return true;
-    }
-    if (child.childrenList && child.childrenList.length > 0) {
-      if (hasLayerCode(child.childrenList, key)) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-
-// 递归过滤多级 childrenList（支持中间层级无 layerCode）
-const filterChildrenList = (childrenList: any[], checkKeys: string[]): any[] => {
-  const result: any[] = [];
-  
-  for (const child of childrenList) {
-    if (child.childrenList && child.childrenList.length > 0) {
-      const filteredChildren = filterChildrenList(child.childrenList, checkKeys);
-      if (filteredChildren.length > 0) {
-        result.push({
-          ...child,
-          childrenList: filteredChildren
-        });
-      }
-    } else {
-      if (child.layerCode && checkKeys.includes(child.layerCode)) {
-        result.push(child);
-      }
-    }
-  }
-  
-  return result;
-};
-
-const getlegendData = (key: string, addedParents: Set<string>, checkKeys: string[]) => {
-  let selectedLegend: any = [];
-  legendData.value.forEach(legendItem => {
-    // 递归检查是否包含匹配的 layerCode（任意层级）
-    if (hasLayerCode(legendItem.childrenList, key)) {
-      if (!addedParents.has(legendItem.name)) {
-        const filteredItem = {
-          ...legendItem,
-          childrenList: filterChildrenList(legendItem.childrenList, checkKeys)
+  // 获取图例数据（去重 + 过滤）
+  const getlegendData = (checkKeys: string[], addedParents: Set<string>) => {
+    return legendData.value
+      .filter(legendItem => {
+        // 检查是否包含匹配的 layerCode（任意层级）
+        const hasMatch = (list: any[]): boolean => {
+          return list.some(
+            child =>
+              child.ifShow !== 0 &&
+              (checkKeys.includes(child.layerCode) ||
+                hasMatch(child.childrenList || []))
+          );
         };
-        selectedLegend.push(filteredItem);
+        return hasMatch(legendItem.childrenList);
+      })
+      .filter(legendItem => {
+        // 去重
+        if (addedParents.has(legendItem.name)) return false;
         addedParents.add(legendItem.name);
+        return true;
+      })
+      .map(legendItem => ({
+        ...legendItem,
+        childrenList: filterChildrenList(legendItem.childrenList, checkKeys)
+      }));
+  };
+
+  // 更新图层数据
+  const updateLayerData = (checkKeys: string[]) => {
+    const addedParents: Set<string> = new Set();
+    const selectedLegend: any[] = [];
+
+    // 扁平化所有图层项
+    const allItems = layerData.value.flatMap((item: any) =>
+      item.children?.length > 0 ? item.children : [item]
+    );
+
+    // 更新 checked 状态并收集选中的 key
+    allItems.forEach((item: any) => {
+      item.checked = checkKeys.includes(item.key) ? 1 : 0;
+      if (
+        item.key !== '-' &&
+        item.key !== 'customBaseLayer' &&
+        item.key !== 'powerBaseStation' &&
+        item.checked === 1
+      ) {
+        selectedLegend.push(...getlegendData([item.key], addedParents));
       }
-    }
-  });
-  return selectedLegend;
-};
+    });
+
+    legendDataSelected.value = selectedLegend;
+  };
 
   return {
     layerData,
diff --git a/frontend/src/utils/index.ts b/frontend/src/utils/index.ts
index 424f658..9610219 100644
--- a/frontend/src/utils/index.ts
+++ b/frontend/src/utils/index.ts
@@ -101,13 +101,11 @@ const modules = import.meta.glob('@/assets/legend/*.svg', { eager: true });
 export const iconMap: Record<string, string> = {};
 Object.entries(modules).forEach(([path, module]) => {
   const fileName = path.match(/\/([^/]+)\.svg$/)?.[1];
-  console.log(fileName)
   if (fileName) {
     iconMap[fileName] = (module as any).default;
   }
 });
 // 获取图标路径
 export const getIconPath = (icon: string): string => {
-  console.log(iconMap[icon] )
   return iconMap[icon] || '';
 };
\ No newline at end of file