draggable Marker gmaps.js获得经度和纬度

时间:2016-08-22 22:45:18

标签: jquery google-maps gmaps.js

我使用的是Gmaps.js脚本。 如果我用可拖动选项

移动Marker,我找不到如何获得经度和经度
import 'rxjs/Rx';

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

格拉西亚斯!!!!! 谢谢!!!!

2 个答案:

答案 0 :(得分:2)

Solucionado

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
            }
        });

答案 1 :(得分:0)

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事件返回google.maps.MouseEvent,以获取其位置,使用

e.latLng

dragend事件:

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

proof of concept fiddle