javascriptのdiv要素にマーカーを追加する

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

javascriptで描画されたマップを持つdiv要素（<div id="paper"></div>）にマーカーを追加したいと考えています。

ここのお手伝いが大変ありがとうございます。

2011-12-22 Marta

GoogleマップAPIを使用していますか？ – kvc

いいえ私は使っていません。私の地図は土地の地図ではありません。 – Marta

$("#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-22 14:22:47 kvc

jquery.comに関するチュートリアルがあります。

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

出典

2011-12-22 14:02:30 sascha

擬似コードで

$("#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-22 14:09:45 georg

そして、どこに要素マーカーがCSSの位置を持っていますか：絶対、ページに対して相対的なxとyを計算した場合、 #paperの左上隅を基準にしてxとyを計算すると、markerとdiv＃の両方の用紙の位置はrelativeになります。 – dgvid

javascriptのdiv要素にマーカーを追加する

答えて

関連する問題