Garis putus-putus di OL3?

Saya tahu Jalur dasbor tidak berfungsi OL3 (Openlayers 3) telah ditanyakan sebelumnya tetapi solusi yang diajukan tidak berfungsi.

Kode saya adalah:

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

Saya mencoba keduanya [4,4]dan [40,40]menyarankan dalam pertanyaan terkait. Tapi itu tidak berhasil.

javascript openlayers

— Ishan
sumber

silakan coba lineDash: [4,4]ataulineDash: [40,40]

— Gabor Farkas

@GaborFarkas: Hai. Saya sudah mencoba keduanya tetapi tidak berhasil

— Ishan

Garis putus-putus dapat dilakukan dengan:

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

Saya telah membuat Anda menjadi contoh online!

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

Anda dapat menggunakan "tester" online ini untuk mendapatkan berbagai kombinasi:

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

— Jonatas Walker
sumber

Contoh Langsung yang Baik tetapi dapatkah Anda menjelaskan dalam jawaban Anda apa yang Anda lakukan untuk mendapatkan garis putus-putus?

— Mapperz

Terima kasih atas semua jawaban Anda. Saya mendapat kesalahan. Saya telah melakukan hal yang sama yang semua orang suruh saya lakukan. Kesalahannya adalah perbedaan kecil antara huruf kecil dan huruf besar. 'Linedash' dan 'LineDash'

— Ishan