perf: device location add point label

@@ -96,7 +96,7 @@
     deviceProfile: { default: boolean; enabled: boolean; name: string; transportType: string };
     deviceProfile: { default: boolean; enabled: boolean; name: string; transportType: string };
     deviceInfo: { longitude: string; latitude: string; address: string };
     deviceInfo: { longitude: string; latitude: string; address: string };
   }
   }
-  type MarkerList = DeviceInfo & { marker: any };
+  type MarkerList = DeviceInfo & { marker: any; label: any };
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'BaiduMap',
     name: 'BaiduMap',
@@ -154,6 +154,7 @@
           const markerList: MarkerList[] = [];
           const markerList: MarkerList[] = [];
           data.forEach((item) => {
           data.forEach((item) => {
             const {
             const {
+              name,
               deviceState,
               deviceState,
               deviceInfo: { longitude, latitude },
               deviceInfo: { longitude, latitude },
             } = item;
             } = item;
@@ -161,11 +162,22 @@
             const rivet = deviceState === 'INACTIVE' ? djx : deviceState === 'ONLINE' ? zx : lx;
             const rivet = deviceState === 'INACTIVE' ? djx : deviceState === 'ONLINE' ? zx : lx;
             const myIcon = new BMap.Icon(rivet, new BMap.Size(20, 30));
             const myIcon = new BMap.Icon(rivet, new BMap.Size(20, 30));
             const marker = new BMap.Marker(point, { icon: myIcon });
             const marker = new BMap.Marker(point, { icon: myIcon });
-            markerList.push({ ...item, marker });
+            const label = new BMap.Label(name, {
+              position: point,
+              offset: new BMap.Size(-15, -45),
+            });
+            label.setStyle({
+              color: '#000',
+              borderRadius: '5px',
+              borderColor: '#ccc',
+              padding: '5px',
+            });
+            markerList.push({ ...item, marker, label });
           });
           });
 
 
           markerList.forEach((record) => {
           markerList.forEach((record) => {
             unref(BMapInstance).addOverlay(record.marker);
             unref(BMapInstance).addOverlay(record.marker);
+            unref(BMapInstance).addOverlay(record.label);
             const isAlarmStatus = !!record.alarmStatus;
             const isAlarmStatus = !!record.alarmStatus;
             if (isAlarmStatus) {
             if (isAlarmStatus) {
               const alarmStatusClassName = 'device-status__alarm';
               const alarmStatusClassName = 'device-status__alarm';