|
|
|
@ -76,19 +76,23 @@ export const DronMarker = props => {
|
|
|
|
|
}, [controlGpList]); |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
let imageUrl; |
|
|
|
|
arrMarkers.map(clickMarker => { |
|
|
|
|
if (objectId === clickMarker.controlId && isClickObject) { |
|
|
|
|
clickMarker.setIcon({ |
|
|
|
|
url: |
|
|
|
|
imageUrl = |
|
|
|
|
clickMarker.id.indexOf('PALDRONE') > -1 |
|
|
|
|
? DronDetailIcon |
|
|
|
|
: FlightDetailIcon, |
|
|
|
|
: FlightDetailIcon; |
|
|
|
|
clickMarker.setIcon({ |
|
|
|
|
content: `<img src="${imageUrl}" alt="" style="transform: rotate(${clickMarker.gps.heading}deg)">`, |
|
|
|
|
origin: new naver.maps.Point(0, 0), |
|
|
|
|
anchor: new naver.maps.Point(15, 15) |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
imageUrl = |
|
|
|
|
clickMarker.id.indexOf('PALDRONE') > -1 ? DronIcon : FlightIcon; |
|
|
|
|
clickMarker.setIcon({ |
|
|
|
|
url: clickMarker.id.indexOf('PALDRONE') > -1 ? DronIcon : FlightIcon, |
|
|
|
|
content: `<img src="${imageUrl}" alt="" style="transform: rotate(${clickMarker.gps.heading}deg)">`, |
|
|
|
|
origin: new naver.maps.Point(0, 0), |
|
|
|
|
anchor: new naver.maps.Point(15, 15) |
|
|
|
|
}); |
|
|
|
|