如何在Google地图中组合圈子

Question

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

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

这可能吗？(显然它似乎是,但是怎么样？)

Answer 1

您可以使用此处所述的多边形.

检查这个解决方案中的小提琴.

最重要的部分是结合圈子:

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);