Question

我需要一个标记，其行为与向地图添加标记非常相似。双击导致标记显示在单击的点上，并返回单击的点的x / y像素坐标。

我希望能够将这些标记添加到已经在javascript中绘制地图的div元素（<div id="paper"></div>）中。

非常感谢任何帮助！

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

在jquery.com上有一个关于这个问题的教程。

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

Answer 3

在伪代码中

$("#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})
})

在javascript中将标记添加到div元素

3 个答案: