javascript - Google Maps API 风格的 map - 颜色问题

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

我无法使用 google map api v3 正确设置水的颜色。

我的 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}]

问题是它根本不起作用。我真的不知道这是什么原因。你能看出我做错了什么吗?

谢谢

最佳答案

当 Google Maps API 与我为样式 map 选择的颜色不太匹配时,我在浏览器中打开 map ,仅对两个颜色不太匹配的区域进行屏幕截图,然后打开该屏幕截图在图像编辑器(pixlr.com,在我的例子中)中,使用颜色吸盘工具来获取不太正确的阴影的饱和度和亮度,在我的 Google Maps APi 调用中调整我的饱和度和/或亮度1 使其更接近我想要的颜色的饱和度和/或亮度,然后重复直到得到匹配的颜色。这很乏味——我最终拍了大约六张快照才完美——但它确实有效。

关于javascript - Google Maps API 风格的 map - 颜色问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5010476/

相关文章:

android - Google map 上的 KMZ 矢量文件

javascript - 谷歌地图 :adds an animated symbol to a polyline with dotted line set

android - 当设备处于深度 sleep (打瞌睡)模式时,Geofence 未决 Intent 触发太迟

javascript - 谷歌地图自动完成自动选择第一个建议并在页面加载时自动提交搜索?

image - 是否可以使用 javascript 更改 google.maps.GroundOverlay 的图像?

android - 如何将 Google Map API 路线发送到 Android Navigator?

javascript - 从 jQuery 中删除未使用的变量

javascript - 'x' * 5 在 Python 中是 'xxxxx' – 我如何在 CoffeeScript/JavaScript 中做到这一点?

javascript - 将逗号添加到 ChartJS 数据点

javascript - 我如何使用 querySelector() 选择具有双类的元素