我正在玩three.js
我想在更大的球体上渲染特定地理坐标上的物体,我非常接近解决方案,但我没有从拉特隆取得正确的xyz位置
我在jsfiddle上设置了一个测试用例,有两个坐标
latlons = [[40.7142700,-74.0059700], [52.5243700,13.4105300]];
其纽约和柏林
这是我从lat lon和radius
计算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];
}
但所有尝试都返回不同的xy,并且它们都不正确(z总是正确的)。
有人请求以正确的方式引导我吗? 我不知道会出现什么问题这是玩弄
的小提琴答案 0 :(得分:12)
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]
}
是的,非常酷,不是吗?
我仍然对一些较短的等式感兴趣
答案 1 :(得分: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);