將標記添加到javascript中的div元素中

我需要一個標記，其行爲非常像將標記添加到地圖。雙擊會在被點擊的點上顯示標記，並返回被點擊的點的x/y像素座標。將標記添加到javascript中的div元素中

我希望能夠將這些標記添加到div元素（<div id="paper"></div>）中，該元素已經在javascript中繪製了地圖。

這裏的任何幫助非常感謝！

2011-12-22 Marta

使用谷歌地圖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，標記和div＃紙張的位置：相對位置。 – dgvid

將標記添加到javascript中的div元素中

回答

相關問題