Добавить маркеры к элементу div в JavaScript

Question

Мне нужен маркер, который ведет себя так же, как добавление маркера на карту. При двойном щелчке вызывает отображение маркера в точке, по которой щелкнули, и возвращает координаты пикселей x / y точки, по которой щелкнули.

Я хочу иметь возможность добавлять эти маркеры в элемент div (<div id="paper"></div>), в котором карта уже нарисована в javascript.

Любая помощь здесь очень ценится!

Answer 1

$("#paper").dblclick(function(e) {
    var relativeX = e.pageX - this.offsetLeft;
    var relativeY = e.pageY - this.offsetTop;
    var marker = $('<img>').addClass('marker'); //your marker class
    marker.css({
        left: relativeX,
        top: relativeY
    })
    marker.appendTo(this);

});

Answer 2

в псевдокоде

$("#paper").dblclick(function(e) {
    x, y = calculate mouse position from e.pageX/Y and $(this).offset
    marker = $(marker html code).appendTo(this)
    marker.css({ left: x, top: y})
})

Answer 3

На jquery.com есть учебное пособие именно для этого вопроса.

http://docs.jquery.com/Tutorials:Mouse_Position