【问题标题】:Changing lines and polygons look on Google Map API [closed]更改线条和多边形在 Google Map API 上的外观 [关闭]
【发布时间】:2012-03-01 09:27:27
【问题描述】:

我想做这样的事情:http://www.birdtheme.org/useful/googletool.html 但是我想改变线条并给它们一个我选择的颜色的笔触。

【问题讨论】:

    标签: javascript api google-maps polygons


    【解决方案1】:

    线条的颜色和粗细由生成的 KML 文件中的 节点定义。您可以轻松更改它们。

    <LineStyle><color>660000FF</color><width>0.1</width></LineStyle>
    

    请记住,颜色的四个十六进制字节的编码有点不寻常: Alpha、B、G、R

    所以 660000FF 是红色(位置 4 上的#FF),alpha 透明度约为 26%(位置 1 上的#66)。

    可在此处找到包含所有详细信息的 KML 参考:
    https://developers.google.com/kml/documentation/kmlreference

    Birdtheme Google Maps 工具(您的链接)让您只需点击“样式选项”按钮即可直接使用 LineStyles!

    编辑:

    如果您需要多边形路径周围的多个轮廓(即高速公路样式),您可以使用不同的宽度和颜色多次绘制同一个多边形。这是一个如何实现的粗略示例:

    <Style id="outerLine">
      <LineStyle><color>FF0000FF</color><width>6</width></LineStyle>
    </Style>
    <Style id="innerLine">
      <LineStyle><color>FFFFFFFF</color><width>3</width></LineStyle>
    </Style>
    
    <Placemark>
      <styleUrl>#outerLine</styleUrl>
      <LineString><coordinates>6.0,48.0,0  18.0,50.0,0  16.0,41.0,0</coordinates></LineString>
    </Placemark>
    <Placemark>
      <styleUrl>#innerLine</styleUrl>
      <LineString><coordinates>6.0,48.0,0  18.0,50.0,0  16.0,41.0,0</coordinates></LineString>
    </Placemark>
    

    使用这种技术,内线被画在外线的顶部。不幸的是,这限制了使整个整体半透明的可能性:如果将内线设为半透明,它不仅会显示背景,还会显示外线的颜色。

    【讨论】:

    • 我理解,但是否可以像一行中的一行一样添加?我想要一条实线和一条比它粗的不透明线
    • 见我上面的编辑! (抱歉耽搁了——我在度假)
    猜你喜欢
    • 1970-01-01
    • 2011-07-01
    • 2014-05-09
    • 1970-01-01
    • 1970-01-01
    • 2022-07-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多