首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >可拖动标记gmaps.js获取纬度和经度

可拖动标记gmaps.js获取纬度和经度
EN

Stack Overflow用户
提问于 2016-08-23 06:45:18
回答 2查看 2.3K关注 0票数 1

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

代码语言:javascript
复制
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

谢谢!谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-08-24 01:12:49

索鲁西亚多

代码语言:javascript
复制
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
            }
        });
票数 5
EN

Stack Overflow用户

发布于 2016-08-23 18:27:30

google.maps.Map是map.map,要获得拖动的中心,请使用:

代码语言:javascript
复制
map.map.getCenter()

拖动事件侦听器:

代码语言:javascript
复制
dragend: function(e) {
  console.log(e);
  document.getElementById('mapinfo').innerHTML = "map center=" + map.map.getCenter().toUrlValue(6);
}

google.maps.Marker拖动事件返回一个google.maps.MouseEvent,若要获取其位置,请使用

代码语言:javascript
复制
e.latLng

拖动事件:

代码语言:javascript
复制
dragend: function(e) {
  document.getElementById('info').innerHTML = "marker position=" + e.latLng.toUrlValue(6);
}

proof of concept fiddle

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39089830

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档