|
|
@ -374,28 +374,29 @@ export const DronMarker = props => { |
|
|
|
const moveInfos = (info, position, item, idx) => { |
|
|
|
const moveInfos = (info, position, item, idx) => { |
|
|
|
if (info) { |
|
|
|
if (info) { |
|
|
|
info.setLngLat([position.lng, position.lat]); |
|
|
|
info.setLngLat([position.lng, position.lat]); |
|
|
|
// info.setPosition(position, info);
|
|
|
|
info.setHTML( |
|
|
|
// // info._element.html(`<div class="dblock-ti"><span>${info?._id}</span>
|
|
|
|
` |
|
|
|
// // <span>${item?.speed}${item?.speedType} | ${item?.elev}${item?.elevType} | ${item?.heading}</span></div>`);
|
|
|
|
<div class="dblock-box"> |
|
|
|
// info._element.html(`
|
|
|
|
<div class="dblock-ti"> |
|
|
|
// <div class="dblock-ti">
|
|
|
|
<span>${info?._id}</span> |
|
|
|
// <span>${info?._id}</span>
|
|
|
|
</div> |
|
|
|
// </div>
|
|
|
|
<div class="dblock-txt"> |
|
|
|
// <div class="dblock-txt">
|
|
|
|
<div class="dblock-txt-list"> |
|
|
|
// <div class="dblock-txt-list">
|
|
|
|
<span>${item?.elev}M</span> |
|
|
|
// <span>${item?.elev}M</span>
|
|
|
|
<span>${item?.speed}km</span> |
|
|
|
// <span>${item?.speed}km</span>
|
|
|
|
${ |
|
|
|
// ${
|
|
|
|
typeof item?.lat === 'number' && typeof item?.lng === 'number' |
|
|
|
// typeof item?.lat === 'number' && typeof item?.lng === 'number'
|
|
|
|
? ` |
|
|
|
// ? `
|
|
|
|
<span> |
|
|
|
// <span>
|
|
|
|
${(item?.lat).toFixed(6)} ${(item?.lng).toFixed(6)} |
|
|
|
// ${(item?.lat).toFixed(6)} ${(item?.lng).toFixed(6)}
|
|
|
|
</span>` |
|
|
|
// </span>`
|
|
|
|
: '' |
|
|
|
// : ''
|
|
|
|
} |
|
|
|
// }
|
|
|
|
</div> |
|
|
|
// </div>
|
|
|
|
</div> |
|
|
|
// </div>
|
|
|
|
</div> |
|
|
|
// `);
|
|
|
|
` |
|
|
|
|
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|