|
|
|
@ -25,7 +25,6 @@ export const DronMarker = props => {
|
|
|
|
|
let infoWindow; |
|
|
|
|
const infowindowOpen = (data) => { |
|
|
|
|
|
|
|
|
|
// <div class="tooltip-box" style="max-width: 300px;">
|
|
|
|
|
const content = ` |
|
|
|
|
<div class="dblock-box"> |
|
|
|
|
<div class="dblock-ti"> |
|
|
|
@ -35,35 +34,13 @@ export const DronMarker = props => {
|
|
|
|
|
<div class="dblock-txt-list"> |
|
|
|
|
<div> |
|
|
|
|
<span style="width: 250px; display: inline-block;">${data?.speed}${data?.speedType} | ${data?.elev}${data?.elevType} | ${data?.heading}</span> |
|
|
|
|
<span style="width: 250px; display: inline-block;">${data?.coord._lat} | ${data?.coord._lng}</span> |
|
|
|
|
<span style="width: 250px; display: inline-block;">${(data?.coord._lat).toFixed(6)} | ${(data?.coord._lng).toFixed(6)}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
// <div class="dblock-box">
|
|
|
|
|
// <div class="dblock-ti">
|
|
|
|
|
// <span>${data?.id}</span>
|
|
|
|
|
// </div>
|
|
|
|
|
// <div class="dblock-txt>
|
|
|
|
|
// <div class="dblock-txt-list">
|
|
|
|
|
// <div>
|
|
|
|
|
// <span style="width: 120px; display: inline-block;">속도: ${data?.speed}${data?.speedType}</span>
|
|
|
|
|
// </div>
|
|
|
|
|
// <div>
|
|
|
|
|
// <span style="width: 120px; display: inline-block;">고도: ${data?.elev}${data?.elevType}</span>
|
|
|
|
|
// </div>
|
|
|
|
|
// <div>
|
|
|
|
|
// <span style="width: 120px; display: inline-block;">헤딩방향: ${data?.heading}</span>
|
|
|
|
|
// </div>
|
|
|
|
|
// <div>
|
|
|
|
|
// <span style="width: 120px; display: inline-block;">위치: ${data?.coord._lat} | ${data?.coord._lng}</span>
|
|
|
|
|
// </div>
|
|
|
|
|
// </div>
|
|
|
|
|
// </div>
|
|
|
|
|
// </div>
|
|
|
|
|
|
|
|
|
|
infoWindow = new naver.maps.InfoWindow({ |
|
|
|
|
class: 'tooltip-dblock', |
|
|
|
|
content: content, |
|
|
|
@ -79,12 +56,7 @@ export const DronMarker = props => {
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
infoWindow.open(props.map, data.coord); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// useEffect(() => {
|
|
|
|
|
// if(arrMarkers.length != 0) markerInfo();
|
|
|
|
|
// }, [arrMarkers])
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
markerInit(); |
|
|
|
@ -143,7 +115,6 @@ export const DronMarker = props => {
|
|
|
|
|
// drone 정보 창
|
|
|
|
|
naver.maps.Event.addListener(marker, 'click', function (e) { |
|
|
|
|
handlerDronClick(marker.controlId, marker.id); |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
naver.maps.Event.addListener(marker, 'mouseover', function(e) { |
|
|
|
@ -151,8 +122,6 @@ export const DronMarker = props => {
|
|
|
|
|
|
|
|
|
|
const data = {}; |
|
|
|
|
data.id = marker.id; |
|
|
|
|
// data.lat = marker.position._lat;
|
|
|
|
|
// data.lng = marker.position._lng;
|
|
|
|
|
data.speed = marker.gps?.speed; |
|
|
|
|
data.speedType = marker.gps?.speedType; |
|
|
|
|
data.elev = marker.gps?.elev; |
|
|
|
|