Des lignes pointillées dans OL3?

13

Je sais que Line Dash ne fonctionne pas OL3 (Openlayers 3) a été demandé plus tôt mais la solution proposée ne fonctionne pas.

Mon code est:

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

J'ai essayé les deux [4,4]et [40,40]suggéré dans la question liée. Mais ça ne marche pas.

Ishan
la source
2
veuillez essayer lineDash: [4,4]oulineDash: [40,40]
Gabor Farkas
@GaborFarkas: Salut. J'ai déjà essayé les deux mais ça ne marche pas
Ishan

Réponses:

19

Les lignes pointillées peuvent être réalisées avec:

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

Je vous ai fait un exemple en ligne!

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

Vous pouvez utiliser ce "testeur" en ligne pour obtenir différentes combinaisons:

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

Jonatas Walker
la source
Bon exemple en direct, mais pouvez-vous décrire dans votre réponse ce que vous avez fait pour obtenir les lignes pointillées?
Mapperz
1
Merci pour toutes vos réponses. J'ai eu l'erreur. Je fais la même chose que tout le monde me dit de faire. L'erreur était une petite différence entre les minuscules et les majuscules. 'Linedash' et 'LineDash'
Ishan