如何在Google地圖中組合圈子

Question

我希望能夠使用javascript在Google地圖上繪制多個圓圈，但將它們組合為“單一形狀”，以便它們的區域不重疊，但是共享。 例如，我在WalkScore.com上找到了這個例子：

您可以看到它們是COMBINING圓，而不是將它們重疊為單獨的形狀。

這可能嗎？ （顯然是，但是如何？）

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

Answer 2

你可以交叉多邊形也許嘗試topojson。