From 38ff09bd2a638bc43a365efe0390cc3510d62e68 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期一, 09 六月 2025 17:36:37 +0800 Subject: [PATCH] 2025.6.9 功能编写中 --- src/utils/map/marks.js | 38 ++++++++++++++++++++++++++++---------- 1 files changed, 28 insertions(+), 10 deletions(-) diff --git a/src/utils/map/marks.js b/src/utils/map/marks.js index 774a700..548e513 100644 --- a/src/utils/map/marks.js +++ b/src/utils/map/marks.js @@ -3,8 +3,10 @@ */ import { map, AMap } from './index' +import util from './util' var _massMarks = undefined +var _labelMarks = undefined export default { /** @@ -70,12 +72,16 @@ map.add(massMarks) }, - createLabelMarks(img, dataList) { + createLabelMarks(img, dataList, onClick) { + if (_labelMarks) { + map.remove(_labelMarks) + _labelMarks = undefined + } const layer = new AMap.LabelsLayer({ zooms: [3, 20], zIndex: 1000, // 寮�鍚爣娉ㄩ伩璁╋紝榛樿涓哄紑鍚紝v1.4.15 鏂板灞炴�� - collision: true, + collision: false, // 寮�鍚爣娉ㄦ贰鍏ュ姩鐢伙紝榛樿涓哄紑鍚紝v1.4.15 鏂板灞炴�� animation: true }) @@ -96,36 +102,48 @@ image: img, // clipOrigin: [14, 92], // clipSize: [50, 68], - size: [30, 30], + size: [20, 20], anchor: 'bottom-center', angel: 0, retina: true }, text: { - content: data.sceneName, + // content: data.sceneName, direction: 'top', offset: [0, -5], style: { - fontSize: 16, - fontWeight: 'normal', + fontSize: 12, + // fontWeight: 'normal', fillColor: '#fff', - strokeColor: '#333', - strokeWidth: 0, - backgroundColor: '#122b54a9' + // strokeColor: '#333', + // strokeWidth: 0, + backgroundColor: '#14428b' } } } curData.extData = { - index: i + data: data } var labelMarker = new AMap.LabelMarker(curData) + labelMarker.on('click', (event) => { + console.log(labelMarker.getExtData()) + console.log(event) + util.setFitView([event.target]) + // util.setZoomSmall() + // util.setCenter(event.lnglat) + // 鑷畾涔夌偣鍑讳簨浠� + if (typeof onClick === 'function') { + onClick(event.data.data.extData.data) + } + }) // markers.push(labelMarker); layer.add(labelMarker) } + _labelMarks = layer return layer }, -- Gitblit v1.9.3