From 9342d91f064ab3056d0fcfad5ad3f78833e8c536 Mon Sep 17 00:00:00 2001
From: y505174330 <505174330@qq.com>
Date: 星期六, 18 五月 2024 17:20:14 +0800
Subject: [PATCH] 1
---
src/pages/territory/territory.vue | 17 ++++++++++++++++-
1 files changed, 16 insertions(+), 1 deletions(-)
diff --git a/src/pages/territory/territory.vue b/src/pages/territory/territory.vue
index d359b3d..74aae92 100644
--- a/src/pages/territory/territory.vue
+++ b/src/pages/territory/territory.vue
@@ -456,12 +456,21 @@
iconAnchor: [24, 41], // 鍥炬爣灏嗗搴旀爣璁扮偣鐨勪綅缃� 杩欎釜鏄噸鐐癸紝 銆愬��1锛屽��2銆戯紝鍊�1锛氫负鍥炬爣鍧愭爣绗竴涓��(鍗�32)鐨勪竴鍗婏紝鍊�2锛氫负鍥炬爣鍧愭爣绗簩涓��(鍗�52)
popupAnchor: [1, -24], // 璇ョ偣鏄浉瀵逛簬iconAnchor寮瑰嚭淇℃伅鐨勪綅缃� 杩欎釜鏄垜鎵嬪姩璋冨嚭鏉ョ殑锛屾枃妗ｉ粯璁ゅ師濮嬪�兼槸[-1锛�-76]锛屾垜鏄幓涓�鍗婂�硷紝鍙栦竴鍗婂�艰皟鍑烘潵鐨�
});
+
+ let htmlStr = '<p><span class="map-circle-name">';
+ ('</span><br><span class="map-circle-count">');
+ ("</span><p/>");
+ let icon = L.divIcon({
+ html: "<div class='map-circle-name'></div>",
+ iconSize: [80, 80],
+ className: "map-circle",
+ });
this.map = map;
if (markerList.length) {
for (let i = 0; i < markerList.length; i++) {
const item = markerList[i];
const temp_mark = L.marker([item.yCoord, item.xCoord], {
- icon: DefaultIcon1,
+ icon: icon,
}).addTo(map);
temp_mark.on("click", (e) => {
this.isEchTrue = true;
@@ -514,6 +523,12 @@
</script>
<style>
+::v-deep .map-circle-name {
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ background-color: #2070bc;
+}
.pageBox {
width: 100%;
height: 100%;
--
Gitblit v1.9.1