Convert WGS84 to Local Point

Question

I have WGS84 points and I should convert to local coordinates (x, y, z) and plot in ThreeJs. I referred the below article and created a converted (refer code below)

Article: Calculate distance, bearing and more between Latitude/Longitude points :

Code: WGS84 to Local Coordinate Converter

function convertPoint(gpsPoint: GpsPoint, originPoint: GpsPoint): LocalPoint {
    // calculate distance between reference point and calibration Gps points
    const distanceInMeters = HaversineDistance.calculate(originPoint, gpsPoint);
    const bearingAngle = calculateBearing(originPoint, gpsPoint);
    const distance = distanceInMeters;
    const y = -(distance * Math.cos(bearingAngle));
    const x = distance * Math.sin(bearingAngle);
    const z = calculateZ(gpsPoint);
    return { x: x, y: y, z: z };
}

The result is not coming as expected.

The WGS84 is coming near to strait line. Find the screenshot below

But the converted local coordinates are not not strait line. it get curved.

In the code, the converted values having a big different. both x and y.

Help me to figure out where it is going wrong.

Answer 1

I figure it out the problems. There were two issues.

1. Math functions will take value in radians. But I passes it as degree.

2. While calculating the bearing, the angle was not converted back degree and normalized.

The code is updated in the main post as well as find the code here.

Answer 2

You could convert WGS84 to ECEF coordinates, then choose a ref point (should get a matrix 4x4) to convert to ENU coordinates.

But WGS84->ECEF is costly, you may directly use mapbox/cheap-ruler to convert WGS84 to ENU (kind of).