Google maps api v3允许将“样式”应用于地图,包括设置各种功能的颜色.但是,它使用的颜色格式是HSL(或者看起来像这样):

> hue(RGB十六进制字符串)
>亮度(-100到100之间的浮点值)
>饱和度(-100到100之间的浮点值)

(来自docs)

我设法在线找到RGB到HSL转换器,但我不确定如何以谷歌地图将接受的方式指定转换后的值.例如,转换器给出的典型HSL值为:209°72%49%

HSL值如何映射到我从google maps api指定的参数?即,色调度值如何映射到RGB十六进制字符串?百分比如何映射到-100到100之间的浮点值?

我仍然不确定如何进行转换.我需要,给定RGB值,快速将其转换为谷歌地图所期望的颜色将是相同的……

解决方法

由于hue参数需要RGB,因此可以使用原始颜色作为色调.

rgb2hsl.py:

#!/usr/bin/env python

def rgb2hsl(r,g,b):
    #Hue: the RGB string
    H = (r<<16) + (g<<8) + b
    H = "0x%06X" % H

    #convert to [0 - 1] range
    r = float(r) / 0xFF
    g = float(g) / 0xFF
    b = float(b) / 0xFF

    #http://en.wikipedia.org/wiki/HSL_and_HSV#Lightness
    M = max(r,b)
    m = min(r,b)
    C = M - m

    #Lightness
    L = (M + m) / 2

    #Saturation (HSL)
    if L == 0:
        S = 0
    elif L <= .5:
        S = C/(2*L)
    else:
        S = C/(2 - 2*L)

    #gmaps wants values from -100 to 100
    S = int(round(S * 200 - 100))
    L = int(round(L * 200 - 100))

    return (H,S,L)


def main(r,b):
    r = int(r,base=16)
    g = int(g,base=16)
    b = int(b,base=16)
    print rgb2hsl(r,b)

if __name__ == '__main__':
    from sys import argv
    main(*argv[1:])

例:

$./rgb2hsl.py F0 FF FF
('0xF0FFFF',100,94)

结果:

下面的屏幕截图显示了身体设置为rgb背景颜色(本例中为#2800E2),以及带有样式道路几何图形的谷歌地图,使用上面计算的值(‘0x2800E2’,-11).

很明显,谷歌使用你的造型来创建以给定颜色为中心的六种不同颜色,轮廓最接近输入.我相信这是最接近的.

从实验:http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

对于水,gmaps减去0.5的伽玛.要获得所需的确切颜色,请使用上面的计算,然后再添加.5 gamma.

喜欢:

{
  featureType: "water",elementType: "geometry",stylers: [
    { hue: "#2800e2" },{ saturation: 100 },{ lightness: -11 },{ gamma: 0.5 },]
}

android – RGB值到HSL转换器的更多相关文章

  1. ios – GPUImage为每个RGB通道添加色调/颜色调整(调整红色以更加粉红色或橙色)

    试图调整特定频道的色调.看着色调过滤器,我想也许我可以通过评论绿色和蓝色修饰符,影响到只有红色通道的变化:但是,这张照片就是灰色/蓝色,被冲洗掉或是紫色的绿色.我在正确的轨道上吗?

  2. android – RGB值到HSL转换器

    Googlemapsapiv3允许将“样式”应用于地图,包括设置各种功能的颜色.但是,它使用的颜色格式是HSL:>hue>亮度>饱和度我设法在线找到RGB到HSL转换器,但我不确定如何以谷歌地图将接受的方式指定转换后的值.例如,转换器给出的典型HSL值为:209°72%49%HSL值如何映射到我从googlemapsapi指定的参数?我仍然不确定如何进行转换.我需要,给定RGB值,快速将其转换为谷歌地图所期望的颜色将是相同的……

  3. 将地图标记设置为自定义颜色Android

    我正在制作一个应用程序,可以在某些点添加地图.我希望我的针脚的颜色与我们的应用程序的主题颜色相匹配.对不起,我真的是个菜鸟.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.color)));不起作用.它不允许我在这里插入自定义颜色.我怎样才能做到这一点?谢谢:)解决方法defaultMarker()方法允许设置自

  4. Centos7.2安装CDH5.7.2core steps

    软件准备jdk-8u121-linux-x64.rpmcloudera-manager-centos7-cm5.7.2_x86_64.tar.gzCDH-5.7.2-1.cdh5.7.2.p0.18-el7.parcelCDH-5.7.2-1.cdh5.7.2.p0.18-el7.parcel.sha更改为sha后缀manifest.jsonMysqL57-community-release-el

  5. 在CentOS6下安装hue-3.12.0

    hue是大数据分析相关的一个开源管理网站,本篇文章记录本人安装的过程,以便以后查看,同时分享给需要的朋友。

  6. 简单的快速选择器popover(iOS)

    有没有一种简单的方法来实现一个颜色选择器popover在迅捷?是否有任何内置的图书馆或UI元素,我可以为此目的利用?

  7. ios – 是否有将UIColor转换为色相饱和度亮度的功能?

    我可以用RGB值设置uicolor:我可以设置uicolor与hsb值:我也可以将其转换回RGB:但是我可以如何从uicolor获得HSB?解决方法使用UIColor方法:getHue:饱和度:亮度:阿尔法:从苹果文档:“返回构成HSB颜色空间中颜色的组件.”例:NSLog输出:success:1hue:0.10,saturation:0.79,brightness:0.53,alpha:1.00以下是@WhiteTiger提供的方法的更正版本:NSLog输出:hue:0.10,value:0.53

  8. ios – PHILIPS HUE APPLE SDK的问题

    我刚刚写了五行代码,应用程序崩溃.我检查了很多次,但我无法跟踪代码中的错误.我已经添加了框架.没有警告没有错误,但为什么死的应用程序崩溃:崩溃日志为…更新问题当我将第4行改为时,我的应用程序运行正常.但是我想要Portal搜索,为什么会发生这种情况解决方法在PHILIPS提供的示例应用程序中花了整整一个晚上,我可以找到错误.在PHILIPSHUE的官方文档中,他们没有提到我们必须添加-ObjC链接器标志添加-ObjC链接器标志解决我的问题

  9. objective-c – iOS彩虹阵列

    我正在设置一个数组,在彩虹的颜色中有一个过渡.现在我只是手动输入数组中的颜色,但是有太多的手动键入…到目前为止,我从0.25到0.5到0.75到1等等,直到我从红色变成绿色到蓝色然后回来.如何让数组自动生成颜色超过0.25–>0.50.75,但可以为0.050.10–>0.15–>0.20等等,…

  10. Cocos2D-X shader(四) 利用shader改变图片色相Hue

    背景美术给出一套资源后,可以通过改变图片色相,复用同一套资源产生出多套资源的效果:上图中蓝色是原始图片,利用代码改变图片色相后,可以产生效果差异明显的资源出来。fr=aladdin普通代码实现利用上述转换公式,实现代码如下:[cpp]viewplaincopyTexture2D*HelloWorld::initTextureWithImage{unsignedchar*tempData=NULL;boolhasAlpha=image->hasAlpha();SizeimageSize=Size;Textu

随机推荐

  1. bluetooth-lowenergy – Altbeacon库无法在Android 5.0上运行

    昨天我在Nexus4上获得了Android5.0的更新,并且altbeacon库停止了检测信标.似乎在监视和测距时,didEnterRegion和didRangeBeaconsInRegion都没有被调用.即使RadiusNetworks的Locate应用程序现在表现不同,一旦检测到信标的值,它们就不再得到更新,并且通常看起来好像信标超出了范围.我注意到的一点是,现在在logcat中出现以下行“B

  2. android – react-native动态更改响应者

    我正在使用react-native进行Android开发.我有一个视图,如果用户长按,我想显示一个可以拖动的动画视图.我可以使用PanResponder实现这一点,它工作正常.但我想要做的是当用户长按时,用户应该能够继续相同的触摸/按下并拖动新显示的Animated.View.如果您熟悉Google云端硬盘应用,则它具有类似的功能.当用户长按列表中的任何项目时,它会显示可拖动的项目.用户可以直接拖

  3. android – 是否有可能通过使用与最初使用的证书不同的证书对其进行签名来发布更新的应用程序

    是否可以通过使用与最初使用的证书不同的证书进行签名来发布Android应用程序的更新?我知道当我们尝试将这样的构建上传到市场时,它通常会给出错误消息.但有没有任何出路,比如将其标记为主要版本,指定市场中的某个地方?解决方法不,你不能这样做.证书是一种工具,可确保您是首次上传应用程序的人.所以总是备份密钥库!

  4. 如何检测Android中是否存在麦克风?

    ..所以我想在让用户访问语音输入功能之前检测麦克风是否存在.如何检测设备上是否有麦克风.谢谢.解决方法AndroidAPI参考:hasSystemFeature

  5. Android – 调用GONE然后VISIBLE使视图显示在错误的位置

    我有两个视图,A和B,视图A在视图B上方.当我以编程方式将视图A设置为GONE时,它将消失,并且它正下方的视图将转到视图A的位置.但是,当我再次将相同的视图设置为VISIBLE时,它会在视图B上显示.我不希望这样.我希望视图B回到原来的位置,这是我认为会发生的事情.我怎样才能做到这一点?编辑–代码}这里是XML:解决方法您可以尝试将两个视图放在RelativeLayout中并相对于彼此设置它们的位置.

  6. android – 获得一首歌的流派

    我如何阅读与歌曲相关的流派?我可以读这首歌,但是如何抓住这首歌的流派,它存放在哪里?解决方法检查此代码:

  7. android – 使用textShadow折叠工具栏

    我有一个折叠工具栏的问题,在展开状态我想在文本下面有一个模糊的阴影,我使用这段代码:用:我可以更改textColor,它可以工作,但阴影不起作用.我为阴影尝试了很多不同的值.是否可以为折叠文本投射阴影?

  8. android – 重用arm共享库

    我已经建立了armarm共享库.我有兴趣重用一个函数.我想调用该函数并获得返回值.有可能做这样的事吗?我没有任何头文件.我试过这个Android.mk,我把libtest.so放在/jni和/libs/armeabi,/lib/armeabi中.此时我的cpp文件编译,但现在是什么?我从objdump知道它的名字编辑:我试图用这个android.mk从hello-jni示例中添加prebuild库:它工作,但libtest.so相同的代码显示以下错误(启动时)libtest.so存在于libhello-j

  9. android – 为NumberPicker捕获键盘’Done’

    我有一个AlertDialog只有一些文本,一个NumberPicker,一个OK和一个取消.(我知道,这个对话框还没有做它应该保留暂停和恢复状态的事情.)我想在软键盘或其他IME上执行“完成”操作来关闭对话框,就像按下了“OK”一样,因为只有一个小部件可以编辑.看起来处理IME“Done”的最佳方法通常是在TextView上使用setonEditorActionListener.但我没有任何Te

  10. android – 想要在调用WebChromeClient#onCreateWindow时知道目标URL

    当我点击一个带有target=“_blank”属性的超链接时,会调用WebChromeClient#onCreateWindow,但我找不到新的窗口将打开的新方法?主页url是我唯一能知道的东西?我想根据目标网址更改应用行为.任何帮助表示赞赏,谢谢!

返回
顶部