在Google Maps API V3中使水透明

Question

我希望以某种方式将水的“颜色”设置为透明，以使地图后面的div显示在这些区域中。

有没有实现这一目标的方法？我已经尝试了以下方法，但不起作用：

"stylers": [
  { "visibility": "off" }
]

它只会将区域设置为某种没有颜色的区域，但是没有透明度。

Answer 1

问题是水下还有另一个特征，即landscape.natural。

以下对我来说适用于缩放级别 5：

          [{   //hide all fills
              "elementType": "geometry.fill",
                  "stylers": [{
                  "visibility": "off"
              }]
          }, {//and show the landcover
              "featureType": "landscape.natural.landcover",
                  "elementType": "geometry.fill",
                  "stylers": [{
                  "visibility": "on"
              }]
          }]

它可能不是解决方案，但它表明它绝非不可能。也许您还找到了一些更高缩放级别的设置。

演示： http: //jsfiddle.net/doktormolle/ME35L/

一种专门针对 InternetExplorer 的方法（适用于所有缩放级别）。

为水景定义特定颜色（假设为#123456）并对地图中的所有图像使用色度滤镜：

#map_canvas img {
    filter:Chroma(color=#123456)
}

演示： http: //jsfiddle.net/doktormolle/4V5U8/