javascript 纬度经度到地球上的xyz位置（threejs）

Question

我正在和 three.js

一起玩

我想在更大的球体上渲染特定地理坐标上的对象，我非常接近解决方案，但我没有从经纬度得到正确的 xyz 位置

我在js上搭建了一个测试用例fiddle，有两个坐标

latlons = [[40.7142700,-74.0059700], [52.5243700,13.4105300]];

纽约和柏林

这是我根据经纬度和半径计算 xyz 的函数

function calcPosFromLatLonRad(lat,lon,radius){

// Attempt1
var cosLat = Math.cos(lat * Math.PI / 180.0);
var sinLat = Math.sin(lat * Math.PI / 180.0);
var cosLon = Math.cos(lon * Math.PI / 180.0);
var sinLon = Math.sin(lon * Math.PI / 180.0);
var rad = radius;
y = rad * cosLat * sinLon;
x = rad * cosLat * cosLon;
z = rad * sinLat;

// Attempt2
// x = radius *  Math.sin(lat) * Math.cos(lon)
// y = radius *  Math.sin(lat) * Math.sin(lon)
// z = radius * Math.cos(lat)


// Attempt3
// latitude = lat * Math.PI/180
// longitude = lon * Math.PI/180
// x =  -radius * Math.cos(latitude) * Math.cos(longitude)
// y =  radius * Math.sin(latitude) 
// z =  radius * Math.cos(latitude) * Math.sin(longitude)


// Attempt4
// var phi   = (90-lat)*(Math.PI/180);
// var theta = (lng+180)*(Math.PI/180);
// x = ((rad) * Math.sin(phi)*Math.cos(theta));
// z = ((rad) * Math.sin(phi)*Math.sin(theta));
// y = ((rad) * Math.cos(phi));



   console.log([x,y,z]);
   return [x,y,z];
}

但所有尝试 return 不同的 xy，它们都不正确（ z 总是正确的）。

有人可以指导我正确的方法吗？我不知道哪里出了问题

这里是 fiddle 和

一起玩

UPDATE: working jsfiddle

Answer 1

不幸的是，我无法进一步解释，但在玩过这个之后就像一个魅力:)

function calcPosFromLatLonRad(lat,lon,radius){
  
    var phi   = (90-lat)*(Math.PI/180);
    var theta = (lon+180)*(Math.PI/180);

    x = -(radius * Math.sin(phi)*Math.cos(theta));
    z = (radius * Math.sin(phi)*Math.sin(theta));
    y = (radius * Math.cos(phi));
  
    return [x,y,z];

}

是的，这很酷，不是吗？我仍然对一些更短的方程感兴趣

working fiddle

Answer 2

这个功能对我有用：

function calcPosFromLatLonRad(radius, lat, lon) {

  var spherical = new THREE.Spherical(
    radius,
    THREE.Math.degToRad(90 - lon),
    THREE.Math.degToRad(lat)
  );

  var vector = new THREE.Vector3();
  vector.setFromSpherical(spherical);

  console.log(vector.x, vector.y, vector.z);
  return vector;
}

calcPosFromLatLonRad(0.5, -74.00597, 40.71427);

javascript 纬度经度到地球上的xyz位置（threejs）

javascript Latitude Longitude to xyz position on earth (threejs)

javascript

geolocation

three.js