jquery - Googleマップをクリックしてx、y座標を取得する方法

Question

jqueryを使用してグーグルマップをクリックしたピクセルのx、y座標が必要です。取得方法は？緯度と経度の値しか取得できません。ただし、左上の位置が必要です。

誰か助けてもらえますか？

Answer 1

コンテナでクリックイベントを使用してみてください。イベントには、コンテナを基準にした座標であるとが含まれますoffsetX。offsetY

このフィドルを参照してください：

http://jsfiddle.net/N66hh/2/

Answer 2

イベントのPageXをクリックすると、PageYが左上の位置になります。

$('#map-canvas').click(function(event) {
        $("#tooltip").css('left', event.pageX);
        $("#tooltip").css('top',event.pageY);
});

これを参照してください