允许用户在Google地图上添加位置

时间:2016-12-06 16:39:06

标签: javascript jquery google-maps

我有一个机密网站。我需要允许用户在谷歌地图上标记他们的位置。我刚刚找到了这个并且工作得很好。

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -25.363882, lng: 131.044922 }
  });

  map.addListener('click', function(e) {
    placeMarkerAndPanTo(e.latLng, map);
  });
}

function placeMarkerAndPanTo(latLng, map) {
  var marker = new google.maps.Marker({
    position: latLng,
    map: map
  });
  map.panTo(latLng);
}

Fiddle

问题是这允许添加任意数量的标记。但我只需要一个标记。任何解决方案?

1 个答案:

答案 0 :(得分:0)

This is an exemple of function :

function placeMarker(location) {
    if (marker) {
        //if marker already was created change positon
        marker.setPosition(location);
    } else {
        //create a marker
        marker = new google.maps.Marker({          
            position: location,
            map: map,
            draggable: true
        });
    }
}

call :

   google.maps.event.addListener(map, 'click', function (evt) {
        placeMarker(evt.latLng);
    });