在Google Maps v3中设置折线的颜色?

时间:2011-05-31 21:18:28

标签: google-maps google-maps-api-3

如何设置Google地图折线的颜色?

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

以上内容并未在Firebug中显示为错误,但也不会更改颜色。

感谢您的帮助。

2 个答案:

答案 0 :(得分:3)

基本上看起来对我来说是正确的。但是,如果这是您的代码,则立即覆盖颜色。因此,我猜你从一开始就得到了蓝色折线。尝试设置计时器以查看转换:

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

答案 1 :(得分:1)

颜色名称仍不支持颜色,请改用十六进制版本

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