マップにマーカーを追加するのと同じように動作するマーカーが必要です。ダブルクリックすると、クリックされたポイントにマーカーが表示され、クリックされたポイントの 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);
});
擬似コードで
$("#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})
})
まさにその質問について、jquery.com にチュートリアルがあります。