From 0193b060108ae69cc84a18616668f56dd4ff538e Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 13 五月 2024 21:14:15 +0800
Subject: [PATCH] 调整标记样式
---
src/utils/map/marks.js | 72 +++++++++++++++++++++++++++++++-----
1 files changed, 62 insertions(+), 10 deletions(-)
diff --git a/src/utils/map/marks.js b/src/utils/map/marks.js
index 94144d2..c15f267 100644
--- a/src/utils/map/marks.js
+++ b/src/utils/map/marks.js
@@ -52,17 +52,8 @@
});
massMarks.on('click', (event) => {
const i = event.data.id;
- // 1. 缁樺埗鎵囧舰鍖哄煙
- sector.drawSector(fDatas, i);
-
- // 2. 缁樺埗瀵硅瘽妗�
- DialogUtil.openNewWindow(fDatas, i, map, lnglats[i], () => {
- // 绉婚櫎鎵囧舰鍖哄煙
- // clearSector3();
- });
-
// 3. 鑷畾涔夌偣鍑讳簨浠�
- onClick();
+ onClick(i);
});
// eslint-disable-next-line no-undef
var marker = new AMap.Marker({
@@ -85,5 +76,66 @@
});
_massMarks = massMarks;
map.add(massMarks);
+ },
+
+ createLabelMarks(img, dataList) {
+ // eslint-disable-next-line no-undef
+ const layer = new AMap.LabelsLayer({
+ zooms: [3, 20],
+ zIndex: 1000,
+ // 寮�鍚爣娉ㄩ伩璁╋紝榛樿涓哄紑鍚紝v1.4.15 鏂板灞炴��
+ collision: true,
+ // 寮�鍚爣娉ㄦ贰鍏ュ姩鐢伙紝榛樿涓哄紑鍚紝v1.4.15 鏂板灞炴��
+ animation: true
+ });
+
+ map.add(layer);
+
+ // var markers = [];
+ for (var i = 0; i < dataList.length; i++) {
+ const data = dataList[i];
+ var curData = {
+ name: data.name,
+ position: [data.longitude, data.latitude],
+ zooms: [10, 20],
+ opacity: 1,
+ zIndex: 10,
+ icon: {
+ type: 'image',
+ image: img,
+ // clipOrigin: [14, 92],
+ // clipSize: [50, 68],
+ size: [30, 30],
+ anchor: 'bottom-center',
+ angel: 0,
+ retina: true
+ },
+ text: {
+ content: data.name,
+ direction: 'top',
+ offset: [0, -5],
+ style: {
+ fontSize: 16,
+ fontWeight: 'normal',
+ fillColor: '#fff',
+ strokeColor: '#333',
+ strokeWidth: 0,
+ backgroundColor: '#122b54a9'
+ }
+ }
+ };
+ curData.extData = {
+ index: i
+ };
+
+ // eslint-disable-next-line no-undef
+ var labelMarker = new AMap.LabelMarker(curData);
+
+ // markers.push(labelMarker);
+
+ layer.add(labelMarker);
+ }
+
+ return layer;
}
};
--
Gitblit v1.9.3