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

标签 javascript google-maps-api-3 colors transparent polyline

我有以下代码用于动画继续的路线,所以我需要折线但我不想显示它:

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

折线与该代码一起显示。但我想让多段线透明 - 不可见!我该怎么做?

我将 strokeColor 设置为“透明”- 什么不起作用,或者当我完全删除该选项时也不起作用。我还将 strokeWeight 设置为 0 - 但这些参数没有任何效果。我还尝试了从 0.0 到 1.0 的 strokeOpacity - 也没有效果。知道有人解决吗? - PS:当我将颜色更改为#ff0000 时,颜色应该是红色的,对吗?但似乎这些选项根本不起作用 - 但显示了折线并且我在 console.log 中没有 JavaScript 错误......?

Here具有几乎相同示例的引用链接...

最佳答案

这对我有用:

    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

关于javascript - google.maps.Polyline - 如何获得透明/不可见的折线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14288358/

相关文章:

javascript - 如何从yield* 中获取当前字符串的长度

javascript - 在另一个构造函数中调用构造函数

javascript - 我如何告诉 Closure javascript 编译器不要混淆 webkitAudioContext 的方法名称?

python - 使用 OpenCV 将一定范围内的颜色更改为另一种颜色

javascript - jquery - 添加到数组

google-maps - 允许用户在 Google map 上绘制矩形

javascript - Google Maps API fitbound 将 map 向左或向右移动

javascript - google maps api v3 zoom_changed 事件在调用 fitBounds 后触发了两次

javascript - 谷歌可视化气泡图根据值更改图例颜色

c# - 如何生成随机颜色?