谷歌地图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风格的地图 - 颜色问题

回答

相关问题