在Google Maps API V3中使水透明

时间:2013-09-21 15:17:15

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

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

有没有实现这个目标的方法?我已经尝试过以下操作,但不起作用:

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

它只将区域设置为某种颜色,但没有透明度。

1 个答案:

答案 0 :(得分:4)

问题是在水下仍然是另一个特征,landscape.natural

以下适用于我的zoomLevel 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/