从地图 JavaScript 中删除元素

在使用 JavaScript 针对地图进行开发时，有时需要删除某些元素，例如标记、图层等。本文将介绍如何在 JavaScript 中删除地图元素的方法。

删除标记

可通过标记的 setMap() 方法将其从地图中删除。

// 创建标记
var marker = new google.maps.Marker({
  position: {lat: 37.7749, lng: -122.4194},
  map: map,
  title: 'San Francisco'
});

// 删除标记
marker.setMap(null);

删除覆盖层

对于覆盖层（如圆形、多边形、矩形等），也可以使用 setMap() 方法将其从地图中删除。

// 创建覆盖层
var circle = new google.maps.Circle({
  strokeColor: '#FF0000',
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: '#FF0000',
  fillOpacity: 0.35,
  map: map,
  center: {lat: 37.7749, lng: -122.4194},
  radius: 500
});

// 删除覆盖层
circle.setMap(null);

删除图层

对于图层，可以使用 setMap() 方法将其从地图中删除，也可以直接调用 setMap(null) 方法。

// 创建图层
var layer = new google.maps.KmlLayer({
  url: 'https://www.example.com/kml-file.kml',
  map: map
});

// 删除图层
layer.setMap(null);
// 或者
// layer.setMap(map);

总结

通过 setMap() 方法，我们可以轻松地将 JavaScript 地图中的元素进行删除。不同类型的地图元素都可使用此方法，只需将元素对象传递给方法即可。