From 1278c38b7e1411b2bea89720478d334b3fc458f9 Mon Sep 17 00:00:00 2001
From: userGyl <user_gyl@163.com>
Date: Fri, 30 Jan 2026 17:32:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ln_jq_app/assets/html/map.html | 40 +++++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/ln_jq_app/assets/html/map.html b/ln_jq_app/assets/html/map.html
index 8bc6706..10f4855 100644
--- a/ln_jq_app/assets/html/map.html
+++ b/ln_jq_app/assets/html/map.html
@@ -25,6 +25,41 @@
             display: none !important;
         }
 
+        /* 去除高德默认的 label 边框和背景 */
+        .amap-marker-label {
+            border: none !important;
+            background-color: transparent !important;
+        }
+
+        /* 自定义气泡样式 */
+        .custom-bubble {
+            position: relative;
+            background: rgba(51, 51, 51, 0.7);
+            /* #33333399 对应 rgba(51,51,51,0.7) */
+            color: #fff;
+            padding: 6px 15px;
+            border-radius: 20px;
+            /* 圆角 */
+            font-size: 13px;
+            white-space: nowrap;
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+            text-align: center;
+            line-height: 1.4;
+        }
+
+        /* 气泡下方的向下小箭头 */
+        .custom-bubble::after {
+            content: '';
+            position: absolute;
+            bottom: -6px;
+            /* 箭头高度 */
+            left: 50%;
+            transform: translateX(-50%);
+            border-width: 6px 6px 0 6px;
+            border-style: solid;
+            border-color: rgba(51, 51, 51, 0.7) transparent transparent transparent;
+        }
+
         #panel .amap-call {
             display: none;
         }
@@ -63,7 +98,7 @@
         button {
             padding: 0 15px;
             height: 38px;
-            background: #3366FF;
+            background: #017143FF;
             color: #fff;
             border: none;
             border-radius: 4px;
@@ -429,8 +464,7 @@
                 offset: new AMap.Pixel(-16, -32),
                 title: name,
                 label: {
-                    content: '<div style="background:#fff;padding:2px 5px;border:1px solid #3366FF;border-radius:3px;font-size:12px;">' +
-                        name + '</div>',
+                    content: '<div class="custom-bubble">' + name + '</div>',
                     direction: 'top'
                 }
             });