1

マップにマーカーを追加するのと同じように動作するマーカーが必要です。ダブルクリックすると、クリックされたポイントにマーカーが表示され、クリックされたポイントの x/y ピクセル座標が返されます。

<div id="paper"></div>これらのマーカーを、JavaScript で描画されたマップを既に持っているdiv 要素 () に追加できるようにしたいと考えています。

ここで何か助けていただければ幸いです。

4

3 に答える 3

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

});
于 2011-12-22T14:22:47.457 に答える
1

擬似コードで

$("#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})
})
于 2011-12-22T14:09:45.110 に答える
1

まさにその質問について、jquery.com にチュートリアルがあります。

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

于 2011-12-22T14:02:30.410 に答える