В настоящее время я участвую в проекте, в котором было бы полезно отображать географические точки в виде наложений поверх элемента VIDEO
(размер 512x288).
Элемент VIDEO
содержит прямую трансляцию, и у меня также есть в режиме реального времени подача координат, широты, долготы и высоты, которые передаются на сайт в виде переменных JavaScript.
У меня также есть массив POI (точек интереса), который включен в сайт. POI имеют следующий формат:
var points = [['Landmark name', 'latitude', 'longitude'], […]];
Каждые пять секунд или около того я хочу пройтись по массиву POI и проверить, есть ли какие-либо из них в текущем окне просмотра видео - и, если это правда, наложить их поверх элемента VIDEO
.
Может ли кто-нибудь указать мне правильное направление относительно того, на что я должен смотреть? Я предполагаю, что должен отобразить точки на 2D-плоскости, например, используя Проекция Меркатора.
Но я немного растерялся, когда дело доходит до сопоставления относительной позиции пикселя POI с видео.
Будем рады получить несколько советов!