如何在Google Map中覆盖KML颜色?

时间:2012-05-16 00:49:29

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

我正在通过Google Map的V3 API加载KML文件。正在使用KML文件中的颜色,但我想用自己的颜色覆盖它。我实际上想要在整个轨迹上使用纯色。有没有办法做到这一点?

3 个答案:

答案 0 :(得分:9)

KML颜色基于Style api-doc标记,这些标记直接在KML中定义,或者使用对外部KML样式文件的引用(类似于CSS)。我们使用外部样式文件,以便样式可以应用于多个KML文件。

这意味着在我们的KML 数据文件中,您会找到如下条目:

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.2">
<Document>
    <name>Country Borders</name>
    <open>1</open>
    <Placemark>
        <name>Russian Federation</name>
        <styleUrl>kml-styles.kml#red</styleUrl>
--- etc. ---

上面的styleUrl标记基本上是这样说:查看文件:kml-styles.kml并找到名为red的样式。

在我们的KML 样式文件中,您会找到如下条目:

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.2">
<Document>
    <name>KML Styles</name>
    <open>1</open>
    <Style id="red">
        <LineStyle>
            <color>7da00000</color>
            <width>1</width>
        </LineStyle>
        <PolyStyle>
            <color>7f0000ff</color>
        </PolyStyle>
    </Style>
    <Style id="green">
        <LineStyle>
            <color>FFFF00</color>
            <width>1</width>
        </LineStyle>
        <PolyStyle>
            <color>7f00aa00</color>
        </PolyStyle>
    </Style>
    --- etc. ---

重要的是要注意 KML颜色 api-doc定义在其定义中包含八个十六进制数字;比其他颜色定义的惯常数字多两个数字,因为前两个十六进制数字定义了颜色不透明度(alpha)。

KML Style api-doc的示例(与顶部的链接相同)也显示了如何在包含数据的KML文件中直接定义样式。

答案 1 :(得分:4)

KML颜色就像这样,

<color>AABBGGRR</color>
AA = alpha opacity
BB = blue
GG = gren
RR = red

The range is from 00 -> ff

RGB for white = 255, 255, 255, hex -> #ffffff

RGB for yellow is 255,255,0, hex -> #ffff00

Hex也可以被视为

#RRGGBB

您可以轻松移动颜色以适用于KML

KML中的黄色是

<color>ff00FFFF</color>
<color>AABBGGRR</color>

这对我有用。

另外,对于下面的边框使用。

<outline>1</outline>

https://developers.google.com/kml/documentation/kmlreference

答案 2 :(得分:0)

KML是XML,因此您使用XSL(是的,我也不是)或PHP或(取决于具体情况)JavaScript来解析/转换/重新序列化回KML。