Commit 0429a23667c9cf7717082873a91dc619626ea373
1 parent
c109aeca
feat(src/views): 设备地理位置组件,设备在线时显示为绿色,离线时显示为红色,待激活为黄色标,不然全是灰色,而且不注意还不好发现
Showing
3 changed files
with
5 additions
and
3 deletions
1.41 KB
| ... | ... | @@ -233,13 +233,15 @@ const dataHandle = (newData: dataJsonType) => { |
| 233 | 233 | // 记录新标记 |
| 234 | 234 | if (mapMarkerType.value === MarkerEnum.MARKER) { |
| 235 | 235 | newData.markers.forEach((markerItem: dataJsonMarkersType) => { |
| 236 | + console.log("🚀 ~ newData.markers.forEach ~ markerItem:", markerItem.extraInfo.deviceState) | |
| 236 | 237 | const markerInstance = new AMapIns.Marker({ |
| 237 | 238 | position: [markerItem.position[0], markerItem.position[1]], |
| 238 | 239 | offset: new AMapIns.Pixel(-13, 5), |
| 239 | 240 | icon: new AMapIns.Icon({ |
| 240 | - image: iconMarker.value, | |
| 241 | - size: new AMapIns.Size(22, 22), //图标所处区域大小 | |
| 242 | - imageSize: new AMapIns.Size(22, 22) //图标大小 | |
| 241 | + // image: iconMarker.value, | |
| 242 | + image: markerItem.extraInfo.deviceState === 'ONLINE' ? online : markerItem.extraInfo.deviceState === 'INACTIVE' ? inactive : offline, | |
| 243 | + size: new AMapIns.Size(35, 35), //图标所处区域大小 | |
| 244 | + imageSize: new AMapIns.Size(35, 35) //图标大小 | |
| 243 | 245 | }) |
| 244 | 246 | }) |
| 245 | 247 | // 原作者这种方式添加,属于JS API 1.4.8版本的 | ... | ... |