更改线条和多边形在Google Map API上显示

时间:2012-03-01 09:27:27

标签: javascript api google-maps polygons

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

1 个答案:

答案 0 :(得分:1)

线条的颜色和粗细由< LineStyle>定义。生成的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地图工具(您的链接)允许您只需点击“样式选项”按钮即可直接使用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>

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