作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对 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 颜色
),但它们仍然是#ff0000
。
我还尝试更改 Symbol 的比例,但没有任何反应。
最佳答案
在您的代码中,lineSymbol 是一个 Symbol 对象,arrow 是一个 IconSequence,flightPath 是一个 Polyline。您将符号的 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);
关于google-maps-api-3 - 更改谷歌地图折线上符号的默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11455474/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!