google-maps - 在Google map 中获取多边形内的多边形

Question

在@Dr.Molle answer的帮助下我学会了在 Google map 中徒手绘图。现在我正在尝试在多边形内绘制多边形，如下所示 SS

我想要在黑色内用黄色和绿色标记的多边形。

我不确定这是否可能。请阐明这个问题。

更新:在进一步的研究中，我了解到一种名为 containsLocation(point, polygons) 的方法。 用于查找给定的纬度/经度点是否在多边形内。

但遗憾的是，Google map 提供的多边形内没有默认方法来检查多边形:(

Answer 1

您可以通过循环遍历内部多边形的每个点并使用 containsLocation() 测试它是否包含在外部多边形内来检查多边形是否在另一个多边形内。

var isPolygonInsidePolygon = function (innerPolygon, outerPolygon) {
    var pointsInside = 0;
    var pointsOutside = 0;
    innerPolygon.getPath().getArray().map(function (x) { 
        (google.maps.geometry.poly.containsLocation(x, outerPolygon)) ? pointsInside++ : pointsOutside++;
    });
    return (pointsOutside > 0) ? false : true;
};

JavaScript map() 函数可能无法在较旧的浏览器(IE8 或更低版本)中运行。