draggable Marker gmaps.js 获取经纬度

Question

我正在使用 Gmaps.js 脚本。如果我使用可拖动选项移动标记，我找不到如何获取纬度和经度

map = new GMaps({
    div: '#map',
    lat: -24.836536,
    lng: -65.393051,
    draggable: true,
    dragend: function(e) {
     //get latitude and longitude?????
      alert('click 01');
    }
});

map.addMarker({
    lat: -12.043333,
    lng: -77.028333,
    title: 'Lima',
    draggable: true,
    dragend: function(e) {
      //get latitude and longitude?????
      alert('click 02');
    }
});

这就是我想要做的，但是 gmaps.js http://ubilabs.github.io/geocomplete/examples/draggable.html

谢谢!!!!!! 谢谢!!!!

Answer 1

google.maps.Map 是 map.map，要获得拖动中心，请使用：

map.map.getCenter()

dragend 事件侦听器：

dragend: function(e) {
  console.log(e);
  document.getElementById('mapinfo').innerHTML = "map center=" + map.map.getCenter().toUrlValue(6);
}

google.maps.Marker dragend事件returns一个google.maps.MouseEvent，要获取它的位置，使用

e.latLng

dragend 事件：

dragend: function(e) {
  document.getElementById('info').innerHTML = "marker position=" + e.latLng.toUrlValue(6);
}

proof of concept fiddle

Answer 2

已解决

map.addMarker({

            //lat:  -24.788333333333,
            //lng: -65.410555555556,
            lat: lat,
            lng: lng,
            draggable: true,
            dragend: function(event) {
                var lat = event.latLng.lat();
                var lng = event.latLng.lng();
                alert('draggable '+lat+" - "+ lng);

            },
            title: 'Marker #' + index,
            infoWindow: {
                content: content
            }
        });

draggable Marker gmaps.js 获取经纬度

draggable Marker gmaps.js get latitude and longitude

jquery

google-maps

gmaps.js