8

Google Maps v3 JS API 中是否有方法/配置属性来禁用/解决重叠圆圈的 alpha 组合？我目前正在从事一个项目，该项目最终可以在地图上绘制许多圆圈，其中一些区域是 >10 个圆圈的交集。即使不透明度非常低，这很快就会使那些相交区域的地图不可读。任何关于如何使交叉点与任何单个圆圈保持相同不透明度的建议将不胜感激 - 显然这是 API v2 中的默认行为（示例截图：http: //img23.imageshack.us/i/screenshot20110504at655.png / )

4

3 回答 3

1

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

于 2012-09-04T17:05:44.030 回答
0

所以2年后，我遇到了同样的问题。这个解决方案有点骇人听闻。

在 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
}

如果谷歌改变了圆圈层的位置，那么这将打破。
PS。我正在使用地图 API 的 v3。

于 2014-06-12T12:09:14.873 回答
0

根据 Daryls 的回答，您必须将其放入 html 标头的样式部分：

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

截至 2018 年 7 月，这对我有用

于 2018-06-15T23:13:00.977 回答