Linee tratteggiate in OL3?


13

So che Line dash non funziona OL3 (Openlayers 3) è stato chiesto in precedenza ma la soluzione proposta non funziona.

Il mio codice è:

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

Ho provato entrambi [4,4]e ho [40,40]suggerito nella domanda collegata. Ma non funziona.


2
per favore prova lineDash: [4,4]olineDash: [40,40]
Gabor Farkas

@GaborFarkas: Ciao. Ho già provato entrambi ma non funziona
Ishan,

Risposte:


19

Le linee tratteggiate possono essere eseguite 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
})

Ti ho fatto un esempio online!

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

È possibile utilizzare questo "tester" online per ottenere varie combinazioni:

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


Buon esempio live ma puoi descrivere nella tua risposta cosa hai fatto per ottenere le linee tratteggiate?
Mapperz

1
Grazie per tutte le tue risposte Ho avuto l'errore. Ho fatto la stessa cosa che mi stanno dicendo tutti. L'errore era una piccola differenza tra caratteri minuscoli e maiuscoli. 'Linedash' e 'LineDash'
Ishan,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.