如何在Google Maps v3 API中禁用相交圆/多边形的Alpha组合?

时间:2012-09-04 16:23:27

标签: google-maps google-maps-api-3

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

3 个答案:

答案 0 :(得分:1)

您需要将路径(如数组数组)合并为一个多边形。 Example code here,然后查看result here

答案 1 :(得分: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
}

如果Google更改了圆圈图层的位置,那么这将会破坏 PS。我正在使用地图api的v3。

答案 2 :(得分:0)

根据Daryls的回答你必须把它放到html标题的样式部分:

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

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