Question

我正在尝试对可编辑多边形的移动创建限制。我想防止内部路径被拉到外部路径之外。我正在使用谷歌地图google.maps.geometry.poly.containsLocation函数来检查新点是否在外边界内，但如果它在外面，我找不到阻止动作发生的方法。

我尝试返回false但多边形仍然转到新位置

google.maps.event.addListener(poly.getPaths().getArray()[1], 'set_at', function() {
  return keepInside(this, arguments[0], arguments[1]);
});

function keepInside(polygon, index, new_point)
{
    outer_edge = new google.maps.Polygon({
      paths: polygon.getArray(),
    });
    is_in = google.maps.geometry.poly.containsLocation(new_point,outer_edge);
    if(!is_in)
    {
        return false;
    }
    return true;
}

Answer 1

你的原始代码非常接近。您可以将点设置回原始位置，而不是返回false。另外，传递给set_at监听器的第二个参数不是新点，而是旧点。试试这个：

google.maps.event.addListener(poly.getPaths().getArray()[1], 'set_at', function(index, oldPoint) {
  return keepInside(this, index, this.getAt(index), oldPoint);
});

function keepInside(polygon, index, newPoint, oldPoint)
{
    outer_edge = new google.maps.Polygon({
      paths: polygon.getArray(),
    });
    if(!google.maps.geometry.poly.containsLocation(newPoint, outer_edge))
    {
        polygon.setAt(index, oldPoint);
    }
}

是否可以覆盖Google地图事件的默认行为

1 个答案: