2013-09-21 52 views
3

我正在尋找以某種方式將水的「顏色」設置爲透明,即地圖背後的div顯示在這些區域中。在Google Maps API V3中使水透明

有沒有一種方法來實現這一點?我已經嘗試以下,這不工作:

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

它只設置區域某種什麼顏色的,但沒有透明度。

+0

'transparent'是有效的CSS顏色值,你是否嘗試應用它? (不知道這是可能的,但它是值得一試的。) –

+0

不,不幸的是它不工作... 如果我把它設置爲透明它顯示在正常的藍色 –

+0

這可能是不可能的,至少當谷歌地圖API V3谷歌地圖API:讓水透明時,所有我能看到的都是失敗的嘗試......不幸的是 –

回答

4

問題是,下水仍然是另一個功能,landscape.natural

下對我的作品多達5個zoomLevel:

  [{ //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/