如何正确缩放给定坐标以适应视图的边界而不会变形?



我有一个 [纬度/经度] 对的列表,并希望将它们描述为连接线的路径绘制到我的自定义视图中,但比例正确。

到目前为止,我的解决方案如下所示:找到纬度和经度的最小值和最大值,将每个值描述为 0 到 1 之间的数字,然后将它们乘以我视图的高度/宽度。 因此,我的道路总是被划到我视野的边界。

例如,如果我从北到南走 10000 米,在那段时间里只向西 1 米,然后向东 2 米,我的路径看起来像这样(向四面八方延伸(:

---------------
|      *      |
|  ****       |
|**           |
| *           |
|  ***        |
|     ****    |
|         **  |
|           **|
---------------

但我希望它看起来像这样:

---------------
|      *      |
|      *      |
|     *       |
|     **      |
|       *     |
|       *     |
|       *     |
|       *     |
---------------

因此,当我主要从北向南行走时,路线应填满我的整个视图高度,并且应相应地显示x位置。当我主要从西向东走时,它应该占据它的整个宽度。

我不知何故无法弄清楚如何正确缩放我的值,以便我可以在我的视图中绘制它们。我希望您了解我的问题,并可以帮助我解决它。提前感谢!:)

假设您有以下变量,希望含义清晰:screenWidthscreenHeightminLonmaxLonminLatmaxLat。 你想要的是lonlat到屏幕坐标的映射xy,这样宽度或高度都被填充,但圆仍然是圆(距离的水平和垂直比例相同(。

经度和纬度差异的距离之比几乎正好是纬度的余弦。"几乎"只是因为地球不是一个完美的球体。余弦在纬度0°处为1,因此,例如,在赤道,经度和纬度的相同差异对应于相同的距离。对于"足够"小区域的地图,可以使用平均纬度来计算比率。

如果只有水平约束,则必须使x==0对应于minLonx==screenWidth-1对应于maxLon。线性变换(即映射(将是:

x = lon * lonScale + x0;

deltaLon = maxLon - minLon;
lonScale = (screenWidth - 1) / deltaLon;
x0 = - minLon * lonScale;

同样,如果您只有一个垂直约束:

y = y0 - lat * latScale; // i.e.: lat * (-latScale) + y0

deltaLat = maxLat - minLat;
latScale = (screenHeight - 1) / deltaLat;
y0 = maxLat * latScale;

(减号来自屏幕坐标的原点位于左上角的事实。

现在,如果deltaLon == 0.0deltaLat == 0.0,您不想除以 0,只想将有意义的映射应用于您正在处理的直线。如果两者都是!= 0.0,你想在latScalelonScale之间选择较小的一个,记住它们的比率是平均纬度的余弦:

lonScale == latScale * Math.cos((maxLat + minLat) / 2.0)

所以:

avgLat = (maxLat + minLat) / 2.0;
cosFactor = Math.cos(avgLat);
if (deltaLon != 0.0 && deltaLat != 0.0) {
if (lonScale > latScale * cosFactor) {
lonScale = latScale * cosFactor;
x0 = ((screenWidth - 1) - (minLon + maxLon) * lonScale) / 2.0;
} else {
latScale = lonScale / cosFactor;
y0 = ((screenHeight - 1) + (minLat + maxLat) * latScale) / 2.0;
}
}

其中x0y0已通过求解将(maxL* - minL*) / 2.0置于屏幕中间的方程(*onat(进行调整。


编辑

根据您的评论,您不使用实际的经度和纬度值,而只是使用东西和南到北方向的距离。这有点像在赤道,余弦因子变为 1。我将继续调用输入坐标lonlat,但它们可以用任何长度单位表示,只要两者的单位相同即可。

所以计算结果为:

deltaLon = maxLon - minLon;
deltaLat = maxLat - minLat;
if (deltaLon != 0.0 && deltaLat != 0.0) {
lonScale = (screenWidth - 1) / deltaLon;
latScale = (screenHeight - 1) / deltaLat;
x0 = - minLon * lonScale;
y0 = maxLat * latScale;
if (lonScale > latScale) {
lonScale = latScale;
x0 = ((screenWidth - 1) - (minLon + maxLon) * lonScale) / 2.0;
} else {
latScale = lonScale;
y0 = ((screenHeight - 1) + (minLat + maxLat) * latScale) / 2.0;
}
} else if (deltaLon != 0.0) {
lonScale = (screenWidth - 1) / deltaLon;
latScale = 0;
x0 = - minLon * lonScale;
y0 = (screenHeight - 1) / 2.0;
} else if (deltaLat != 0.0) {
lonScale = 0;
latScale = (screenHeight - 1) / deltaLat;
x0 = (screenWidth - 1) / 2.0;
y0 = maxLat * latScale;
} else {
lonScale = 0;
latScale = 0;
x0 = (screenHeight - 1) / 2.0;
y0 = (screenWidth - 1) / 2.0;
}

并且屏幕值的计算方式与一般情况完全相同,即:

x = x0 + lon * lonScale;
y = y0 - lat * latScale;

我会定义一个最大纵横比。例如:

min_aspect_ratio = 5; // Minimum aspect ratio of 5:1
x_scale = screen_width/max_x_diff;
y_scale = screen_height/max_y_diff;
if(x_scale>y_scale)
if (x_scale/y_scale < min_aspect_ratio)
y_scale = x_scale/min_aspect_ratio;
else
if (y_scale/x_scale < min_aspect_ratio)
x_scale = y_scale/min_aspect_ratio;

免责声明:我没有测试此代码。

最新更新