¿Líneas discontinuas en OL3?

13

Sé que Line dash no funciona OL3 (Openlayers 3) se ha preguntado anteriormente, pero la solución propuesta no funciona.

Mi código es:

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
  })
});

Intenté ambos [4,4]y [40,40]sugerí en la pregunta vinculada. Pero no está funcionando.

javascript openlayers Ishan
fuente
2
por favor, intente lineDash: [4,4]olineDash: [40,40]
Gabor Farkas
@GaborFarkas: Hola. Ya probé ambos pero no funciona
Ishan

Respuestas:

19

Las líneas discontinuas se pueden hacer con:

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
})

¡Te he hecho un ejemplo en línea!

http://plnkr.co/edit/AW1YNC?p=preview

Puede usar este "probador" en línea para obtener varias combinaciones:

http://phrogz.net/tmp/canvas_dashed_line.html

Jonatas Walker
fuente
Buen ejemplo en vivo, pero ¿puedes describir en tu respuesta lo que hiciste para obtener las líneas discontinuas?
Mapperz
1
Gracias por todas sus respuestas. Tengo el error He estado haciendo lo mismo que todos me dicen que haga. El error fue una pequeña diferencia de minúsculas y mayúsculas. 'Linedash' y 'LineDash'
Ishan