gmaps.js - 绘制多边形

Question

我正在使用gmaps.js，我可以使用此代码绘制多边形

var paths = [];
function drawPoly(p1, p2) {
  paths.push([p1, p2]);
  console.log(paths);

  oldPolygon = null;

  map.drawPolygon({
      paths: paths,
      strokeColor: '#432070',
      strokeOpacity: 1,
      strokeWeight: 3,
      fillColor: '#432070',
      fillOpacity: 0.6
    });
}

但我的问题是它们相互重叠，导致

我的问题是如何删除重叠的多边形（旧多边形），以便剩余的多边形将是最后生成的多边形。我希望我解释得很好。感谢。

Answer 1

我的问题的解决方法是使用<input {{ (old('radiobutton') && old('radiobutton') == 'create_post') ? 'checked' : '' }} class="form-check-input" type="radio" name="radiobutton" id="create_post" 方法：

map.removePolygon

Answer 2

如果您真的想使用折线或多边形，可以使用：

.setMap(Null)

您可以在此处找到更多相关信息：https://developers.google.com/maps/documentation/javascript/examples/polyline-remove

但我想你可能想要使用可编辑的多边形：https://jsfiddle.net/3L140cg3/16/