I know Line dash not working OL3 (Openlayers 3) has been asked earlier but the solution proposed is not working.
My code is :
var calculateStyle= new ol.style.Style({
fill: new ol.style.Fill({
color: [255, 255, 255, 0.6],
opacity: 0.3
}),
stroke: new ol.style.Stroke({
color: [0, 153, 255, 1],
linedash: [40,40],
width: 3
})
});
I tried both [4,4]
and [40,40]
suggested in the question linked. But it's not working.
Answer
Dashed lines can be done with:
new ol.style.Style({
stroke: new ol.style.Stroke({
width: 3, color: 'rgba(255, 255, 255, 1)',
lineDash: [.1, 5] //or other combinations
}),
zIndex: 2
})
I've made you an online example!
http://plnkr.co/edit/AW1YNC?p=preview
You can use this online "tester" to get various combinations:
http://phrogz.net/tmp/canvas_dashed_line.html
No comments:
Post a Comment