我需要一个行为类似于向地图添加标记的标记。双击时会在被点击的点上显示一个标记,并返回被点击的点的 x/y 像素坐标。
我希望能够将这些标记添加到<div id="paper"></div>
已经用 javascript 绘制地图的 div 元素 () 中。
非常感谢这里的任何帮助!
我需要一个行为类似于向地图添加标记的标记。双击时会在被点击的点上显示一个标记,并返回被点击的点的 x/y 像素坐标。
我希望能够将这些标记添加到<div id="paper"></div>
已经用 javascript 绘制地图的 div 元素 () 中。
非常感谢这里的任何帮助!
$("#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);
});
jquery.com 上有一个关于这个问题的教程。
在伪代码中
$("#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})
})