From 5db25e3d3c281df4b7858df9fdd899f1d66efc60 Mon Sep 17 00:00:00 2001
From: GoEdgeLab <goedgecloud@gmail.com>
Date: Wed, 8 Dec 2021 09:37:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=9C=B0=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/components/maps/traffic-map-box.js     | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/web/public/js/components/maps/traffic-map-box.js b/web/public/js/components/maps/traffic-map-box.js
index 6b8c5b53..8cb96c34 100644
--- a/web/public/js/components/maps/traffic-map-box.js
+++ b/web/public/js/components/maps/traffic-map-box.js
@@ -57,10 +57,24 @@ Vue.component("traffic-map-box", {
 						areaColor: "#E9F0F9",
 						borderColor: "#DDD"
 					},
+					label: {
+						show: false,
+						fontSize: "10px",
+						color: "#fff",
+						backgroundColor: "#8B9BD3",
+						padding: [2, 2, 2, 2]
+					},
 					emphasis: {
 						itemStyle: {
 							areaColor: "#8B9BD3",
 							opacity: 1.0
+						},
+						label: {
+							show: true,
+							fontSize: "10px",
+							color: "#fff",
+							backgroundColor: "#8B9BD3",
+							padding: [2, 2, 2, 2]
 						}
 					},
 					//select: {itemStyle:{ areaColor: "#8B9BD3", opacity: 0.8 }},
@@ -107,6 +121,12 @@ Vue.component("traffic-map-box", {
 								itemStyle: {
 									areaColor: bgColor,
 									opacity: fullOpacity
+								},
+								label: {
+									show: true,
+									formatter: function (args) {
+										return args.name
+									}
 								}
 							},
 							label: {