| | |
| | | marker.setLabel(label); |
| | | } else { |
| | | // 终点显示车辆图标 |
| | | |
| | | const myIcon = new BMap.Icon( |
| | | "/car_blue.png", |
| | | new BMap.Size(20, 20), |
| | |
| | | borderRadius: "3px", |
| | | }); |
| | | marker.setLabel(label); |
| | | |
| | | |
| | | // 获取地址信息 |
| | | const geoc = new BMap.Geocoder(); |
| | |
| | | addComp.street + |
| | | addComp.streetNumber; |
| | | |
| | | // 添加信息窗口 |
| | | const infoWindow = new BMap.InfoWindow( |
| | | `时间:${item.collectTime}<br/>速度:${ |
| | | item.speed |
| | | }km/h<br/>方向:${item.direction}°<br/>地址:${address}` |
| | | ); |
| | | // 添加点击事件监听器 |
| | | marker.addEventListener("click", () => { |
| | | // 创建信息窗口 |
| | | const infoWindow = new BMap.InfoWindow( |
| | | `时间:${currentSegment[index].collectTime}<br/>速度:${ |
| | | currentSegment[index].speed |
| | | }km/h<br/>方向:${currentSegment[index].direction}°<br/>地址:${address}` |
| | | ); |
| | | this.map.openInfoWindow(infoWindow, bdPoint); |
| | | }); |
| | | }); |
| | |
| | | }); |
| | | marker.setLabel(label); |
| | | |
| | | // 添加信息窗口 |
| | | const infoWindow = new BMap.InfoWindow( |
| | | `时间:${row.collectTime}<br/>速度:${row.speed}km/h<br/>方向:${row.direction}°<br/>地址:${row.address}` |
| | | ); |
| | | marker.addEventListener("click", () => { |
| | | this.map.openInfoWindow(infoWindow, data.points[0]); |
| | | // 获取地址信息 |
| | | const geoc = new BMap.Geocoder(); |
| | | geoc.getLocation(data.points[0], (rs) => { |
| | | const addComp = rs.addressComponents; |
| | | const address = |
| | | addComp.province + |
| | | addComp.city + |
| | | addComp.district + |
| | | addComp.street + |
| | | addComp.streetNumber; |
| | | |
| | | // 添加点击事件监听器 |
| | | marker.addEventListener("click", () => { |
| | | // 创建信息窗口 |
| | | const infoWindow = new BMap.InfoWindow( |
| | | `时间:${row.collectTime}<br/>速度:${row.speed}km/h<br/>方向:${row.direction}°<br/>地址:${address}` |
| | | ); |
| | | this.map.openInfoWindow(infoWindow, data.points[0]); |
| | | }); |
| | | }); |
| | | |
| | | // 保存当前标记点引用 |