私は現在、地理的なポイントをVIDEO
要素(サイズ512x288)の上にオーバーレイとして表示すると便利なプロジェクトに携わっています。
このVIDEO
要素にはライブブロードキャストが含まれており、JavaScript変数としてサイトに入力される方位、緯度、経度、高度のリアルタイムフィードもあります。
また、サイトに含まれているPOI(Points of Interest)の配列もあります。POIの形式は次のとおりです。
var points = [['Landmark name', 'latitude', 'longitude'], […]];
5秒ごとに、POIの配列をループして、それらのいずれかがビデオの現在のビューポート内にあるかどうかを確認します。真の場合は、VIDEO
要素の上にオーバーレイします。
誰かが私が何を見るべきかについて正しい方向に私を向けることができますか?メルカトル図法などを使用して、ポイントを2D平面にマッピングする必要があると思います。
しかし、POIの相対的なピクセル位置をビデオにマッピングすることになると、私は少し迷っています。
いくつかのヒントを得るのを楽しみにしています!