Отметки как на гугл и яндекс картах
 

Здравствуйте. Подскажите,как реализовать отметки как на картах гугл или яндекс только просто на фотографии. Например есть фотография на которой изображены джинсы,фотоаппарат,часы и ещё куча всякой мелочи. Необходимо дать возможность делать метки в месте клика пользователя с подписями. Заранее спасибо!

floa,
Для чего ? или эт ток украшателство на клиенте ?

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

1.А не боитесь = что карта или фотка будет вся заляпана?
2. Отметки ставить на само изображение или поверхнего отдельными метками
3. Есть ли ограничения на общее колво меток,
4. Есть ли правка меток - после сохранения на сервере?
5. .

1.нет,не боюсь, я в краце описал идею, с этим точно всё будет норм)
2. Я себе представляю примерно,что метки поверх изображения будут я не прям на нём.
3. нет,ограничения не будет
4. Да, возможность правок должна быть.

Я немного в голове рисую как это должно быть,но мне кажеться что это или оч сложно или слишком глупо)
В месте клика пользователя,получить координаты мышки и создать там div и input поле с кнопкой. После добавления,метка свернётся и только после клика на неё будет показывать что "под ней". С последним проблем нет как реализовать. А вот как получить координаты мышки превратить их в позицию на экране, вот наврено главный вопрос)

floa,

Ну основная проблема - это сохранение меток на сервере -
Т.е на каждый такой блок придется делать форму отправки и
пользователь за раз - может ставить лишь одну метку или несколько ?
(если несколько нун отправлять форму на все метки по очевидной кнопке submit

одну,т.е он кликнул по фотке,форма выскочила,он ввел данные нажал на кнопку и они отправились на сервер.Как я понимаю там должны быть данные о позиции метки и сам текст.

Если одна - всплывающая форма не нужна - тыкнул галку - "установка метки "- тыкнул по карте метка поставилась - форма скрыто отправилась - хотя -возможно и другие сценарии
К примеру, - подтверждение - сохранить метку ? (тогда галка вроде не нужна