谷歌地图，根据输入插入图钉并使其可拖动

Question

所以我有一张地图和一个表格，一旦用户填写地址 + 邮政编码，它就会在地图上放置一个标记，但是我想让它可拖动并保持 lat 和 long 的值。

由于某种原因，我无法移动标记，为什么？

JS：

function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 8,
          center: {lat: -34.397, lng: 150.644}
        });
        var geocoder = new google.maps.Geocoder();

        document.getElementById('postcode').addEventListener('blur', function() {

          geocodeAddress(geocoder, map);
        });
      }

      function geocodeAddress(geocoder, resultsMap) {
        var address = document.getElementById('address2').value +','+ document.getElementById('postcode').value;
        console.log(address);
        geocoder.geocode({'address': address}, function(results, status) {
          if (status === 'OK') {
            resultsMap.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
              map: resultsMap,
              position: results[0].geometry.location,
              title: address,
              draggable:true,
            });
                google.maps.event.addListener(marker, 'dragend', function(marker){
        var latLng = marker.latLng; 
        currentLatitude = latLng.lat();
        currentLongitude = latLng.lng();
        jQ("#latitude").val(currentLatitude);
        jQ("#longitude").val(currentLongitude);
                });
          } else {
            alert('Geocode was not successful for the following reason: ' + status);
          }
        });
      }

Answer 1

您应该在窗口级别声明 var 映射

var map;

function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
.....

然后在你的 geocodeAddress 函数中你应该参考地图标记地图

         var marker = new google.maps.Marker({
          map: map,
          position: results[0].geometry.location,
          title: address,
          draggable:true,
        });

查看您的代码，不应将标记放在地图上，因为您参考了 resultsMap