javascript - 在 Google Map API 上更改线条和多边形外观

Question

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

Answer 1

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

<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>

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