我的google.maps.Symbol polyline
有问题。我无法更改默认值(如颜色)。
这是我的代码:
var lineSymbol = {
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW
};
var arrow = {
icon: lineSymbol,
offset: '100%',
strokeColor: "#000000",
strokeOpacity :1,
};
flightPath = new google.maps.Polyline({
path : somePath,
strokeColor: "#ff0000",
strokeOpacity: 1,
icons : [arrow],
});
flightPath.setMap(map);
在此之后,我希望箭头为黑色(#000000 color
),但它们仍为#ff0000
。
我还试图改变Symbol的比例,但什么都没发生。
答案 0 :(得分:9)
在您的代码中,lineSymbol是一个Symbol对象,arrow是IconSequence,flightPath是折线。您将符号的strokeColor和strokeOpacity放在IconSequence上,但它属于Symbol。
var lineSymbol = {
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW
strokeColor: "#000000",
strokeOpacity: 1
};
var arrow = {
icon: lineSymbol,
offset: '100%'
};
flightPath = new google.maps.Polyline({
path : somePath,
strokeColor: "#ff0000",
strokeOpacity: 1,
icons : [arrow]
});
flightPath.setMap(map);