在Google Maps v3中如何设置折线的颜色？

Question

我如何设置谷歌地图折线的颜色？

var myRoutePath;
myRoutePath = new google.maps.Polyline({
  path: routeCoordinates,
  strokeColor: "#CC33FF",
  strokeWeight: 3
});     
myRoutePath.setMap(map);
// Reset colour
myRoutePath.setOptions({strokeColor: 'blue'});

以上内容在Firebug中不会显示为错误，但也不会改变颜色。

感谢您的帮助。

- Richard

Answer 1

我认为基本上是正确的。然而，如果这是你的代码原封不动的话，那么你会立即覆盖颜色。因此，我猜你一开始就得到了一个蓝色的折线。尝试设置一个计时器来查看过渡效果：

setTimeout(function () {
    myRoutePath.setOptions({strokeColor: 'blue'});
}, 3000);

- mhyfritz

Answer 2

颜色名称仍不支持作为颜色使用，改用十六进制版本。

myRoutePath.setOptions({strokeColor: '#0000FF'});

- Daniel

---

截至2019年4月，颜色名称可用于折线颜色。 - sirclesam