我目前正在参与一个项目,在该项目中,将地理点显示为VIDEO
元素(尺寸 512x288)顶部的叠加层会很有用。
该VIDEO
元素包含一个现场直播,并且我还有一个实时的方位、纬度、经度和高度信息,这些信息作为 JavaScript 变量输入到站点中。
我还有一系列包含在网站中的 POI(兴趣点)。POI 的格式如下:
var points = [['Landmark name', 'latitude', 'longitude'], […]];
每隔五秒左右,我想遍历 POI 数组,并检查它们中的任何一个是否在视频的当前视口内 - 如果为真,则将它们覆盖在VIDEO
元素的顶部。
有人可以指出我应该看什么的正确方向吗?我假设我必须使用例如墨卡托投影将点映射到 2D 平面。
但是在将 POI 的相对像素位置映射到视频的位置时,我有点迷茫。
期待得到一些提示!