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: '