如何在Google地图中组合圈子

Question

我希望能够使用javascript在Google地图上绘制多个圆圈，但将它们组合为“单一形状”，以便它们的区域不会重叠，但会共享。例如，我在WalkScore.com上找到了这个例子：

您可以看到它们是组合圆形，而不是将它们重叠为单独的形状。

这可能吗？ （显然它似乎是，但是怎么样？）

Answer 1

您可以按照here所述使用多边形。

检查此解决方案中受启发的fiddle。

最重要的部分是组合圈子：

var joined = new google.maps.Polygon({
    paths: [drawCircle(smallOne, 150/1609.344, 1),
            drawCircle(bigOne, 300/1609.344, 1)],
            strokeColor: "#ff0000",
            strokeOpacity: 0.35,
            strokeWeight: 0,
            fillColor: "#FF0000",
            fillOpacity: 0.35
});

joined.setMap(map);

Answer 2

您可以交叉多边形，也可以尝试使用topojson。