Google 地图在放置新标记之前清除所有标记

Question

我正在尝试在 google 地图中放置一个点击标记，同时用纬度和经度填充输入框。在放置新标记并更新纬度和经度之前，我需要先清除所有现有标记的代码。一切正常，除非我添加代码以尝试清除所有标记。

下面的代码工作完美，但在放置新标记之前不会清除旧标记。

谢谢。

不清除现有标记的工作代码...

<div id="map"></div>
<script>

var map;


  function initMap() {

    var latlng = new google.maps.LatLng(-29, 25);
    var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 6,
    center: latlng,
    });

            google.maps.event.addListener(map, 'click', function(event){
            var marker_position = event.latLng;   
            marker = new google.maps.Marker({
            map: map,
            draggable: false
        }); 
   marker.setPosition(marker_position);   
   document.getElementById("latFld").value = event.latLng.lat();
   document.getElementById("lngFld").value = event.latLng.lng();
})                      
  }  
    </script>

在添加新标记之前无法使用清除标记的代码...

<div id="map"></div>
<script>

var map;
    var markersArray = [];

  function initMap() {

    var latlng = new google.maps.LatLng(-29, 25);
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 6,
      center: latlng,
    });
            markersArray.push(marker);
    google.maps.event.addListener(marker,"click",function(event){});
            google.maps.event.addListener(map, 'click', function(event){
            var marker_position = event.latLng;   
    marker = new google.maps.Marker({
            map: map,
            draggable: false
        });
   clearOverlays();
   marker.setPosition(marker_position);   
   document.getElementById("latFld").value = event.latLng.lat();
   document.getElementById("lngFld").value = event.latLng.lng();
})   

  }

  function clearOverlays() {
for (var i = 0; i < markersArray.length; i++ ) {
markersArray[i].setMap(null);
    }
  }

谢谢。

Answer 1

你好像把密码放错了地方..试试

<div id="map"></div>
<script>

var map;
var markersArray = [];

function initMap() {

    var latlng = new google.maps.LatLng(-29, 25);
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 6,
      center: latlng,
    });

   clearOverlays();
    marker = new google.maps.Marker({
            map: map,
            draggable: false
    });

    google.maps.event.addListener(marker,"click",function(event){});
    google.maps.event.addListener(map, 'click', function(event){
    var marker_position = event.latLng;   
        marker.setPosition(marker_position);   
        markersArray.push(marker);
       document.getElementById("latFld").value = event.latLng.lat();
       document.getElementById("lngFld").value = event.latLng.lng();
    })   
} 

function clearOverlays() {
for (var i = 0; i < markersArray.length; i++ ) {
      markersArray[i].setMap(null);
    }
    markersArray = [];
  } 
</script>

Google 地图在放置新标记之前清除所有标记

Google maps clear all markers before placing new one

google-maps

google-maps-api-3

google-maps-markers