Line dash not working OL3 (Openlayers 3)

Question

I want to display a dashed line in a vector layer, as the it's shown in the Documentation there is a propriety called lineDash , but it didn't work for me here my code :

 var iconStyle_line = new ol.style.Style({//  My style definition 
          fill: new ol.style.Fill({
          color: 'rgba(221, 99, 0, 0.5)'
          }),
          stroke: new ol.style.Stroke({
          color: 'rgba(221, 99, 0, 0.5)',
          width: 3,
          lineDash: [4]
          })
     });

 var vectorSource_line = new ol.source.Vector();//  My vector source

 var vector_line = new ol.layer.Vector({

         source: vectorSource_line,
         style: iconStyle_line 
     });

Answer 1

Try this:

var iconStyle_line = new ol.style.Style({//  My style definition 
      fill: new ol.style.Fill({
      color: 'rgba(221, 99, 0, 0.5)'
      }),
      stroke: new ol.style.Stroke({
      color: 'rgba(221, 99, 0, 0.5)',
      width: 3,
      lineDash: [4,4] // <-Here is the change. first line then space. try [40,40] if not shown as dash
      })
 });

Be careful about the 'LineDash' values if you program for mobile devices. Then [4,4] is not visible on a small screen with high resolution. Use e.g. [15,15] and store the resolution in a variable which changes with the device (PC or mobile).