如何在Google Maps v3 API中禁用相交圆形/多边形的alpha合并？

Question

Google Maps v3 JS API中是否有一种方法/配置属性来禁用/解决重叠圆形的alpha合并？我目前正在开发一个项目，在地图上可能会绘制许多圆形，其中某些区域是>10个圆形的交集。即使使用非常低的不透明度，这也很快会使地图在这些交叉区域变得难以阅读。如何保持交叉点与任何单个圆形的不透明度相同，将不胜感激 - 显然这是API v2的默认行为（示例截图：http://img23.imageshack.us/i/screenshot20110504at655.png/）

- Vasanth Subramanian

---

图片链接已失效 - Michael

Answer 1

您需要将路径作为数组的数组组合成一个单一的多边形。示例代码在此，并查看结果在此。

- Marcelo

---

也许有点晚了，但我面临着同样的问题，我不确定这个答案如何帮助。你的例子是一个多边形，而不是一堆圆... - StephenTG

Answer 2

根据达里尔的答案，您必须将此放置在HTML头部的样式部分中：

  .gm-style > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
  opacity: 0.1;
  }

这对我来说是有效的，截至2018年7月

- Moritz S.

Answer 3

两年后，我遇到了同样的问题。这个解决方案有点像黑客。

在JavaScript中将所有圆的不透明度设置为1。 然后添加以下CSS：

#map-canvas > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type  {
    opacity:0.3
}

如果谷歌改变圆形图层的位置，那么这将会出现问题。
附注：我正在使用地图API的v3版本。

- Daryl Van Sittert

---

他们改变了它。请勿使用此答案。 - Daryl Van Sittert