3

我使用以下代码并试图弄清楚如何添加一个我可以调用的函数，该函数将在添加新标记之前删除以前的标记。地图使用 onclick 事件在用户单击的位置添加标记...基本上我只希望在任何给定时间在地图上都有一个标记。

我已经搜索并尝试了几乎所有东西，但一定是做错了……请快速浏览一下代码，让我知道它是如何实现的。

太感谢了！

<script>
  function initialize() {
    var mapOptions = {
      zoom: 11,
      center: new google.maps.LatLng(document.getElementById('field_lat').value,document.getElementById('field_lng').value),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById('map_canvas'),
        mapOptions);

    google.maps.event.addListener(map, 'click', function(e) {


        // SET MY UI SEARCH TEXT FIELDS TO THE LAT AND LNG
        document.getElementById('field_lat').value = e.latLng.lat();
        document.getElementById('field_lng').value = e.latLng.lng();


      placeMarker(e.latLng, map);
    });
  } 

  function placeMarker(position, map) {
      //Marker.setMap(null);
    var Marker = new google.maps.Marker({
         position: position,
         map: map
    });
    map.panTo(position);

    $("#listbox ul").empty();
    docall(); 
  }

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

</script>

地图在正文中如下

<div id="map_canvas" style="width: 400px; height: 400px;"></div>

我试图让这个或类似的工作，但没有骰子......

// Deletes all markers in the array by removing references to them
function deleteOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
markersArray.length = 0;
}
}
4

3 回答 3

4

如果有，只需删除前一个标记。 

var Marker;
function placeMarker(position, map) {
  if(typeof marker!= 'undefined')
      marker.setMap(null);
  var Marker = new google.maps.Marker({
     position: position,
     map: map
  });
  map.panTo(position);

  $("#listbox ul").empty();
  docall(); 
}
于 2015-10-27T11:21:43.293 回答
2

只需执行以下操作：

一、声明一个全局变量：

var markersArray = [];

二、定义一个函数：

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

或者

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

三、在调用以下命令之前，在“markerArray”中推送标记：

markersArray.push(marker);
google.maps.event.addListener(marker,"click",function(){});

四。在需要的地方调用该函数。

clearOverlays();

或者

map.clearOverlays();

而已！！

希望对您有所帮助。

资料来源：Google Maps API v3：如何删除所有标记？

于 2013-01-19T08:52:23.560 回答
0

您可以在第一次单击时设置标记，然后在后续单击时更改位置。

var marker;

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

function placeMarker(location) {
  if (marker == null) {
    marker = new google.maps.Marker({
          position: location,
          map: map
      });
  } else {
    marker.setPosition(location);
  }
}
于 2016-10-07T23:42:55.790 回答