![](/img/trans.png)
[英]Draw arrow on first line passed into style function in OpenLayers 3
[英]openlayers 3 : draw arrow on multi line
我想知道是否可以在MultiLineString上绘制箭头图标
我的目的是在multiLine的每一行上显示带有箭头的多行。
我在网上看到了一些示例,但这些示例始终只用一行。
您知道是否可以使用multiLineString吗?
对的,这是可能的。
var styleFunction = function(feature) {
var geometry = feature.getGeometry();
var styles = [
// linestring
new ol.style.Style({
stroke: new ol.style.Stroke({
color: '#ffcc33',
width: 2
})
})
];
var lineStringsArray = geometry.getLineStrings();
for(var i=0;i<lineStringsArray.length;i++){
lineStringsArray[i].forEachSegment(function(start, end) {
var dx = end[0] - start[0];
var dy = end[1] - start[1];
var rotation = Math.atan2(dy, dx);
styles.push(new ol.style.Style({
geometry: new ol.geom.Point(end),
image: new ol.style.Icon({
src: 'https://openlayers.org/en/v3.19.1/examples/data/arrow.png',
rotateWithView: false,
rotation: -rotation
})
}));
});
}
return styles;
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.