Имиджевая система координат

Question

Я углубляюсь во что-то без достаточного фона, но я чувствую, что могут быть простые решения, которые не требуют от меня глубокого знания темы.

То, что я пытаюсь сделать, этоиметь систему координат изображения.В основном пользователь предоставит изображение, как план дома.Затем они могут нажимать на точки на изображении и создавать маркеры (например, карты Google).В следующий раз, когда они получат карту, все маркеры, которые они добавили ранее, будут там, и они могут добавить новые.

Мне нужно определить точки, на которых расположены эти маркеры, чтобы я мог хранить эту информацию.Мне также нужно иметь возможность создать слой на изображении, который содержит маркеры и отображает их в точных местах, где они были размещены.

Я полагаю, что самый простой способ сделать это - использовать координаты пикселей.... проблема в том, что изображение не будет фиксированного размера, так как есть веб-приложение и приложение IPad, поэтому система координат должна работать, пока изображение имеет одинаковое соотношение размеров.

Размер сервера - .NET, и, как уже упоминалось, есть приложение для IPad, поэтому решение должно быть жизнеспособным, учитывая этот технологический стек.

Есть идеи?

Answer 1

Вместо использования пиксельных координат в абсолютном выражении вы можете использовать диапазон от 0 до 1.Верхний левый угол - (0,0), нижний правый - (1,1), а центр изображения - (0,5,0,5).Таким образом, независимо от того, какой у вас размер изображения (или уровень масштабирования), маркеры всегда будут в одном и том же месте.

Answer 2

Мое предложение - не пытаться выяснить корреляцию между фактическим изображением и координатами.Единственное, что я хотел бы сделать, - это использовать разрешение изображения, то есть 800x600, и использовать его для своей сетки.Затем наложите свои маркеры, используя эту сетку на изображение.Точки, которые вы помните, будут просто значениями X и Y и, возможно, именем / идентификатором тега.