2013-12-14 95 views
-1

我試圖在拖拽標記後在此處更新標記位置(經緯度和長度)DEMO。正如你所看到的,我能夠獲得標記的位置(lat long),但是當我更換標記時,捕獲的值不會更新!更新可拖拽標記位置值

var map; 
$(document).ready(function() { 
    var latlng = new google.maps.LatLng(11.038003,125.736294); 
    var myOptions = { 
     zoom: 12, 
     center: latlng, 
     disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var cnt = 0; 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
google.maps.event.addListener(map, 'click', function (event) { 
     marker = new google.maps.Marker({ 
      position: event.latLng, 
      map: map, 
      draggable: true, 
      title: "Camp Num: " + ++cnt 
     }); 
      $('#myTable tbody:eq(1)').append('<tr class="child"><td>'+ marker.title +'</td><td>'+ marker.position.lat()+'</td><td>'+ marker.position.lng()+'</td></tr>'); 
    }); 

}); 

能否請你讓我知道我怎麼可以更新他們

+0

當你拖動標記你的意思,你要顯示新的價值? – KrishnaDhungana

回答

1

你想拖後更新標記的新位置?如果是的話,那麼我們需要做以下幾點:

  • 爲每個添加的標記添加事件偵聽器。爲此,我添加了dragend的監聽器。

  • 將'id'分配給標記,當點擊時創建<td>,我們分配給它;以便稍後我們可以在拖動標記時更新該行。

  • 如果我們點擊地圖,然後添加標記,如果標記被拖動,它會被更新。

這裏是fiddle

+0

謝謝克裏希納,加納,你是一個搖滾! – user1760110