|
|
|
@ -594,10 +594,12 @@ export default function MapBoxMap({ handlerDrawObjInit }) {
|
|
|
|
|
}, |
|
|
|
|
type: 'Feature' |
|
|
|
|
}; |
|
|
|
|
distance = turf.length(obj); |
|
|
|
|
distance = turf.length(obj, { units: 'kilometers' }); |
|
|
|
|
distance = distance * 1000; |
|
|
|
|
distance = distance.toFixed(2); |
|
|
|
|
mouseCursorRef.current.style.left = e.originalEvent.pageX + 'px'; |
|
|
|
|
mouseCursorRef.current.style.top = e.originalEvent.pageY + 45 + 'px'; |
|
|
|
|
mouseCursorRef.current.innerText = `${distance.toLocaleString()}km`; |
|
|
|
|
mouseCursorRef.current.innerText = `${distance.toLocaleString()}m`; |
|
|
|
|
// const endPoint = e.lngLat;
|
|
|
|
|
// const distance = calculateDistance(startPoint, endPoint);
|
|
|
|
|
// mouseCursorRef.current.innerText = `Distance from start point: ${distance.toFixed(
|
|
|
|
@ -606,7 +608,7 @@ export default function MapBoxMap({ handlerDrawObjInit }) {
|
|
|
|
|
if (drawObj.getMode() === 'simple_select') { |
|
|
|
|
// startPoint = null;
|
|
|
|
|
const box = document.getElementById('distance_box'); |
|
|
|
|
box.innerText = `${distance.toLocaleString()}km`; |
|
|
|
|
box.innerText = `${distance.toLocaleString()}m`; |
|
|
|
|
box.style.display = 'block'; |
|
|
|
|
mouseCursorRef.current.style.display = 'none'; |
|
|
|
|
mouseCursorRef.current.style.innerText = ''; |
|
|
|
|