地図の引っ張りの後に緯度を長くする方法

Question

<script> 
    function initialize() { 
    var crosshairShape = {coords:[0,0,0,0],type:'rect'}; 

    var mapCanvas = document.getElementById('map'); 
    var mapOptions = { 
     center: new google.maps.LatLng(23.634501, -102.552784), 
     zoom: 5, 
     scrollwheel: false, 
     panControl: false, 
     zoomControl: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(mapCanvas, mapOptions); 

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

    marker.bindTo('position', map, 'center'); 
    //marker.bindTo('position', map, 'center'); 

    map.addListener('dragend', function() { 
     var Newlat = position.coords.latitude; 
     console.log(Newlat); 
     }); 

    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 

これは私が原点のマーカーでドラッグ可能な地図を作るために使用しているコードです。私はマーカーが残っていた位置の緯度と経度を得ることができません。 誰も私を助けることができますか？

Answer 1

map dragend eventコールバック関数には引数がありません。

map.addListener('dragend', function() { 
    var Newlat = map.getCenter().lat(); 
    console.log(Newlat); 
}); 

proof of concept fiddle

コードスニペット：

function initialize() { 
 
    var mapCanvas = document.getElementById('map'); 
 
    var mapOptions = { 
 
    center: new google.maps.LatLng(23.634501, -102.552784), 
 
    zoom: 5, 
 
    } 
 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
 

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

 
    marker.bindTo('position', map, 'center'); 
 

 
    map.addListener('dragend', function() { 
 
    var Newlat = map.getCenter().lat(); 
 
    console.log(Newlat); 
 
    }); 
 

 
} 
 
google.maps.event.addDomListener(window, 'load', initialize);

html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map"></div>