Googleマップ - Googleマップでの作業のために、この優れたjQueryプラグインを使用してドラッグし、マーカー

Question

イムの座標を取得：

http://googlemaps.mayzes.org/

イム「マップマーカーをドラッグ」の例を使用して。

マーカーをドラッグしたら、マーカーの新しい/現在の座標はどのように取得できますか？

おかげ

Answer 1

あなたは、任意のマーカーの座標を取得するために.latLng（）マーカーにアクセスすることができます。

Answer 2

Google Maps APIのバージョン2を使用するプロジェクトです。ここでは、マップ上の新しい場所にドラッグ緯度/長い後に表示されるドラッグ可能なマーカーを作成するためのコードの抜粋は以下のとおりです。

  function createMarker(latlng, number, html) { 
       var marker = new GMarker(latlng, {draggable: true}); 
       marker.value = number; 
        var myHtml = html; 
        var center = marker.getLatLng(); 
        map.openInfoWindowHtml(latlng, "<font color=black>" + myHtml + "<br>" + center.toString() + "</font>"); 
       GEvent.addListener(marker, "dragstart", function() { 
        map.closeInfoWindow(); 
       }); 
       GEvent.addListener(marker, "dragend", function() { 
        var center = marker.getLatLng(); 
        marker.openInfoWindowHtml("<font color=black>" + myHtml + "<br>" + center.toString() + "</font>"); 
       }); 
       return marker; 
      } 

Answer 3

は、この使用してJavaScriptとGoogle MapsのAPIのようなものを試してみてください：

// update element with latest lat and lon 
function updateMarkerPosition(latLng) { 
    document.getElementById('ll').value = [ 
    latLng.lat(), 
    latLng.lng() 
    ].join(', '); 
} 

function initialize() { 
    // look for any lat lon in url, to set map center 
    if ($.urlParam('ll')) { 
    var llparam = $.urlParam('ll').split(', '); 
    var lat = parseFloat(llparam[0]); 
    var lon = parseFloat(llparam[1]); 
    var latLng = new google.maps.LatLng(lat, lon); 
    } else { 
    var latLng = new google.maps.LatLng(47.65130629733119, -122.34994607543945); 
    } 

    var map = new google.maps.Map(document.getElementById('mapCanvas'), { 
    zoom: 12, 
    center: latLng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var marker = new google.maps.Marker({ 
    position: latLng, 
    map: map, 
    draggable: true 
    }); 

    // Update current position info. 
    updateMarkerPosition(latLng); 

    // Add dragging event listeners. 

    google.maps.event.addListener(marker, 'drag', function() { 
    updateMarkerPosition(marker.getPosition()); 
    }); 
}