6

現在、jQuery クライアントで Google Maps v3 API を使用しています。地図上でマウスをクリックして緯度と経度を取得し、それらを文字列に連結して、ページの入力フィールドに文字列を追加しようとしています。jQuery を初めて使用するので、完全に迷っています。誰かが私を正しい方向に向けることができますか? 私のページで Google マップを初期化する私のコードは次のとおりです。

$(document).ready(function() { 
    var yourStartLatLng = new google.maps.LatLng(53.307697, -6.222317);
    $('#map-canvas').gmap({'center': yourStartLatLng, zoom: 15});
});
4

1 に答える 1

7 
$(document).ready(function() {
    var yourStartLatLng = new google.maps.LatLng(53.307697, -6.222317);
    $('#map_canvas').gmap({'center': yourStartLatLng, zoom: 15})
    .bind('init', function(event, map) { 
        $(map).click( function(event) {
            var lat=event.latLng.lat();
            var lng=event.latLng.lng();
            $('#latlng').val(lat+', '+lng); // 'latlng' is the id of the input
        });
    });
});

デモ。

于 2012-07-24T14:28:12.573 に答える