From a315f8bc5864848b2f408cbad42414ef09871464 Mon Sep 17 00:00:00 2001 From: guoshipeng <3194674006@qq.com> Date: Sun, 20 Aug 2023 12:03:37 +0800 Subject: [PATCH] fix:修改图标偏移,打开websocket --- src/views/main/index.vue | 50 +++++++++++++++++++++++++------------------------- src/components/Wind/Map.vue | 10 ++++++++-- 2 files changed, 33 insertions(+), 27 deletions(-) diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue index 6e7ac77..d6f260c 100644 --- a/src/components/Wind/Map.vue +++ b/src/components/Wind/Map.vue @@ -1334,7 +1334,7 @@ iconUrl: require('@/assets/icon/ico' + colorNum + '.png'), // iconUrl: require('@/assets/icon/ico2.png'), iconSize: [60, 60], - iconAnchor: [13, 21], + iconAnchor: [30, 48], className: 'my-device', }) // ��������������������� @@ -1345,7 +1345,8 @@ var myIcon = L.divIcon({ html: this.keys[i], className: 'my-div-icon', - iconSize: 30, + iconSize: [60, 60], + iconAnchor: [40, 40], }) var marker = L.marker([lat, lng], { icon: myIcon }).addTo(group) // ������������������������������������mouseover��������������� @@ -2117,4 +2118,9 @@ background-color: #ff0000 !important; color: #790000 !important; } +.leaflet-marker-icon.leaflet-interactive { + pointer-events: auto; + margin-left: -45px; + margin-top: -40px; +} </style> diff --git a/src/views/main/index.vue b/src/views/main/index.vue index 2d54e4c..890efd8 100644 --- a/src/views/main/index.vue +++ b/src/views/main/index.vue @@ -303,39 +303,39 @@ }, // ��������������������� deviceDetail(mac, item, items, indexs) { - this.$message.warning('���������������������������������������') + // this.$message.warning('���������������������������������������') // console.log('������������������������') // console.log(mac) // console.log(item) // console.log(items) // console.log(indexs) - // this.monitorPointInfo = item - // // console.log(this.monitorPointInfo) - // // this.$router.push({ - // // path: '/deviceDetail/index', - // // query: { - // // macName: mac - // // } - // // }) - // // console.log('items') - // // console.log(items) + this.monitorPointInfo = item + // console.log(this.monitorPointInfo) // this.$router.push({ - // name: 'deviceDetail', - // params: { - // monitorPointInfo: item, - // device: items, - // macName: mac, - // indexs: indexs, - // items: [items.latitude, items.longitude], - // }, + // path: '/deviceDetail/index', // query: { - // monitorPointInfo: JSON.stringify(item), - // device: JSON.stringify(items), - // macName: mac, - // indexs: indexs, - // items: [items.latitude, items.longitude], - // }, + // macName: mac + // } // }) + // console.log('items') + // console.log(items) + this.$router.push({ + name: 'deviceDetail', + params: { + monitorPointInfo: item, + device: items, + macName: mac, + indexs: indexs, + items: [items.latitude, items.longitude], + }, + query: { + monitorPointInfo: JSON.stringify(item), + device: JSON.stringify(items), + macName: mac, + indexs: indexs, + items: [items.latitude, items.longitude], + }, + }) }, // ������regionCode������������������������������������������������ getRegionApi() { -- Gitblit v1.8.0