From d277d770292df0a1266c07f4773d62edd70e6515 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期一, 13 五月 2024 17:59:16 +0800 Subject: [PATCH] 新增场景标注 --- src/utils/map/marks.js | 61 ++++++++++++++++++++++++++++++ 1 files changed, 61 insertions(+), 0 deletions(-) diff --git a/src/utils/map/marks.js b/src/utils/map/marks.js index 0d3c21d..ed0c807 100644 --- a/src/utils/map/marks.js +++ b/src/utils/map/marks.js @@ -76,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: [24, 24], + anchor: 'bottom-center', + angel: 0, + retina: true + }, + text: { + content: data.name, + direction: 'top', + offset: [0, -5], + style: { + fontSize: 15, + fontWeight: 'normal', + fillColor: '#fff', + strokeColor: '#333', + strokeWidth: 2 + // backgroundColor: '#b1009b' + } + } + }; + 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