Question

我有一个动画发生的路线的代码，所以我需要折线，但我不想显示它：

[..]
    this.polyline = new google.maps.Polyline({
                path: [],
                strokeColor: '#ffffff',
                strokeWeight: 0
            });
[..]

折线显示该代码。但我想让折线透明 - 不可见！我该怎么办？

我将 strokeColor 设置为“透明” - 什么不起作用，要么不是我完全删除选项。我还将 strokeWeight 设置为0 - 但这些参数无效。我也尝试了 strokeOpacity 从0.0到1.0 - 也没有效果。知道某人的解决方案吗？ - PS：当我将颜色改为＃ff0000时，颜色应为红色，对吧？但似乎选项根本不起作用 - 但显示折线，我在console.log中没有JavaScript错误......？

Here使用几乎相同的示例链接到引用...

Answer 1

这对我有用：

    var flightPath = new google.maps.Polyline({
      path: flightPlanCoordinates,
      strokeColor: '#FF0000',
      strokeOpacity: 0.00001,
      strokeWeight: 0
    });

由于某些未知原因，strokeOpacity：0.0不起作用。

Simple polyline example from the Google Maps API v3 documentation

same code with a transparent polyline

Similar question about transparent polylines on FusionTablesLayers

google.maps.Polyline - 如何获得透明/不可见的折线？

1 个答案: