latlon点的相对位置

Question

我目前正在参与一个项目，在该项目中将地理位置显示为VIDEO元素（尺寸为512x288）上方的叠加层非常有用。

VIDEO元素包含一个实时广播，并且我还实时获取了方位，纬度，经度和海拔高度的信息，这些信息作为JavaScript变量输入到了站点中。

我在站点中还包含一系列POI（兴趣点）。 POI的格式如下：

var points = [['Landmark name', 'latitude', 'longitude'], […]];

每五秒钟左右，我要遍历POI数组，并检查其中是否有任何一个在视频的当前视口内-如果为true，请将其覆盖在VIDEO元素上。

有人可以为我指出正确的方向吗？ 我假设我必须使用例如墨卡托投影将点映射到2D平面。

但是，在将POI的相对像素位置映射到视频的位置时，我有点迷茫。

期待获得一些提示！

Answer 1

在此之前，最关键的因素是要在垂直或水平方向上准确（至少达到百分之一度）确定摄像机的视场。 然后，使用atan公式使用视频的长宽比（512/288 = 1.78）确定其他角度（如果需要）（不要犯以下错误：将垂直视场乘以长宽比以获得水平视场是有角度的，长宽比是线性的）。 从设置相机的角度考虑它，例如在OpenGL中，除非您的相机是真实世界。 与其选择视场和摄像机方向，不如选择它。

您将需要知道摄像机的姿态（平移/倾斜或俯仰/滚动/偏航），以便正确覆盖图形。

您将不需要墨卡托投影。 我假设摄像机的视场相对较小（即40度H左右），因此通常可以假定投影表面是矩形（从技术上讲，它是球体上的一个小块）。