谷歌地圖API風格的地圖 - 顏色問題

我無法用谷歌地圖API v3正確設置水的顏色。谷歌地圖API風格的地圖 - 顏色問題

我的RGB顏色是：＃676a59。我已經使用此工具將其轉換爲HSL：http://www.workwithcolor.com/hsl-color-picker-01.htm。結果是：顏色：hsl（71,9％，38％）;

這是我在Javascript中使用的代碼樣式水。

stylers: [{hue: "#676a59"}, {lightness: 38}, {saturation: 9}, {visibility: "on" }, {gamma: 1.0}]

問題是它根本不起作用。我真的不知道這是什麼原因。你能看到我做錯了什麼嗎？

感謝

來源

2011-02-15 Jacek Francuz

當谷歌地圖API並不完全匹配，我選擇了一個樣式化地圖的顏色，II拉昇在瀏覽器中的地圖，截取了兩個不完全匹配的區域的截圖，在圖像編輯器（pixlr.com，以我的例子）中打開截圖，使用顏色吸取工具獲取飽和度和亮度不太好，將我的Google地圖APi呼叫中的飽和度和/或亮度調整爲1，以使其更接近飽和度d /或我想要的顏色的亮度，並重復，直到我找到匹配的東西。這非常乏味 - 我完成之前最終拍攝了大約6張快照 - 但它很有效。

來源

2011-05-18 05:52:38 Trott

我做到了這樣，這是working.Take看看

var stylez = [{ 
      featureType: "water", 
      elementType: "all", 
      stylers: [{ 
       hue: "#006b33" 
      }, 
      { 
       lightness: -70 
      }, 
      { 
       saturation:100 
      }] 
     }]; 

    //Map options 
    var mapOptions = { 
     zoom: 6, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     mapTypeControlOptions: {mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'yourName']} 
    }; 

    //Make a new map 
    map = new google.maps.Map(document.getElementById("mapDiv"), mapOptions); 

    var styledMapOptions = { 
     name: "yourName" 
    } 

    var yourNameMapType = new google.maps.StyledMapType(
     stylez, styledMapOptions); 

    map.mapTypes.set('yourName', yourNameMapType); 
    map.setMapTypeId('yourName');

來源

2011-02-16 09:39:08

嗨，謝謝你的迴應。顏色不是很正確，但:(我已經找到了這個解決方案：http://stackoverflow.com/questions/3472040/rgb-value-to-hsl-converter，但它也不完全正確。順便說一句，爲什麼你使用（「＃006b33」， - 70,100）？ – 2011-02-16 10:01:52

我一直在努力，並試圖two different谷歌地圖顏色選擇器沒有成功。

不過，我試過second one提醒我指定顏色的另一種方式：而不是谷歌的採取上HSL掙扎，你可以只使用color屬性：

例如：

var mapStyles = [ 
    { 
    featureType: "water", 
    stylers: [ 
     { color: '#b6c5dd' } 
    ] 
    } 
];

來源

2013-10-23 12:15:07 Sam

谷歌地圖API風格的地圖 - 顏色問題

回答

相關問題