google-maps-api-3 - jquery-ui-mapでクリックイベントで緯度と経度を取得する方法

Question

「jQuery および jQuery Mobile 用の Google マップ v3 プラグイン」を使用する場合、地図をクリックしたときにマウス ポインタの下にある緯度と経度の値を取得するにはどうすればよいですか?

Answer 1

クリック イベント リスナーはプラグイン内のマップに既に追加されていますが、返されたイベント オブジェクトは latLng 値を提供しません。コードからマップオブジェクトにクリックイベントリスナーを追加するとうまくいきました（この回答を参照して解決策を見つけました）。

var map = $('#map_canvas').gmap('get', 'map');
$(map).addEventListener('click', function(event) {
    alert(event.latLng);
});

Answer 2

johansalllarssonのソリューションは私にとってはうまく機能するので、コードのサンプルを次に示します。

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script src="js/jquery.ui.map.full.min.js" type="text/javascript"></script> 
<script type="text/javascript">
$(function() {
    $('#map').gmap();
    $($('#map').gmap('get', 'map')).dblclick(function(event) {
        alert(event.latLng);
    });
});
</script>

Answer 3

$($('#map_canvas').gmap('get', 'map')).click(function(event) {
    console.log(event.latLng);
});

http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-geocoding.htmlを参照してください