Google Maps API样式的地图颜色问题
Google Maps API样式的地图颜色问题
提问于 2011-02-16 06:51:05
我不能用谷歌地图应用编程接口v3正确设置水的颜色。
我的RGB颜色是：#676a59。我已经使用这个工具将它转换为超文本标记语言：http://www.workwithcolor.com/hsl-color-picker-01.htm。结果:颜色: hsl(71，9%，38%)；
这是我在Javascript中用来设置water样式的代码。
stylers: [{hue: "#676a59"}, {lightness: 38}, {saturation: 9}, {visibility: "on" }, {gamma: 1.0}]问题是它根本不起作用。我真的不知道这是什么原因。你能看到我做错了什么吗？
谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-05-18 13:52:39
当Google Maps API与我为带样式的地图选择的颜色不太匹配时，我在浏览器中拉出地图，对带有两个不太匹配的阴影的区域进行截图，在图像编辑器(在我的例子中是pixlr.com)中打开屏幕截图，使用颜色吸盘工具获得不太合适的阴影的饱和度和亮度，在我的Google地图APi调用中将饱和度和/或亮度调整1以使其更接近我想要的颜色的饱和度和/或亮度，然后重复，直到我得到匹配的颜色。它很乏味--在它完美之前，我拍了大约半打快照--但它起作用了。
Stack Overflow用户
发布于 2013-10-23 20:15:07
我为此挣扎了很长一段时间，并尝试了two different谷歌地图颜色选择器，但没有成功。
然而，我尝试的second one提醒了我另一种指定颜色的方式:你可以只使用color属性，而不是纠结于谷歌对HSL的看法：
例如：
var mapStyles = [
{
featureType: "water",
stylers: [
{ color: '#b6c5dd' }
]
}
];Stack Overflow用户
发布于 2011-02-16 17:39:08
我这样做了，它是working.Take a look
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');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5010476
复制相关文章
相似问题
腾讯云开发者
